body {
font-size:100%; /* 16px */
font-family: 'Ubuntu', sans-serif;
font-weight:400;
color:#585858;
background:#E9E4DA url(../imatges/fons-franja-superior.jpg) top left repeat-x;
}

.clear{ clear:both;}


/*************************************************
estructura
*************************************************/


a#acces-directe-als-continguts {
position:absolute;
left:-10000px;
}

div.envoltori {
padding:5px 0 5px 0;
width:98%;
max-width:1200px;
background-color:#FFF;
background:#FFF url(../imatges/top-decoration.jpg) top left repeat-x;
border-bottom:#D4CFC6 3px solid;
margin:20px auto;
border-radius:0px; 
}

div.limitador-amplada {
margin:0 auto;
width:96%;
max-width:1200px;
}
    
/* 
capcalera
---------
*/

div.capcalera {
padding-top:0.938em;
}

div.capcalera div.limitador-amplada {overflow:hidden}

/* logotip */
div.capcalera p.logotip {
width:100%;
margin-bottom:2.5em;
display:block;
margin-top:1.4em;
 
}

/*top*/
.top{
overflow:hidden;
position:relative;
}

/* eines generals */
.eines{
font-size:68.8%;
color:#E74914;
overflow:hidden;
padding-left:31%;
}

    .eines a {color:#E74914;overflow:hidden; }
    .eines-left{ float:left;overflow:hidden;}
    .eines-right{ float:right; overflow:hidden; }

    .eines-right a, 
    .eines-right span {
    float:left;
    margin-right:5px;
    }

    .eines-right a.icon{ 
    width:14px;
    height:14px;
    }

    a.icon-mobil{
    background:transparent url(../imatges/icon-mobil.jpg) no-repeat 0 0; 
    padding-left:14px;
	padding-bottom:2px;
	height:15px;
    }

.esquerra-top{ 
width:29%;
float:left;
}

.dreta-top{
float: right;
height: 200px;
margin-bottom: 15px;
margin-top:1.5%;/*15px;*/
overflow: hidden;
position: relative;
width: 69%;
border-radius: 4px;
}

p.data-hora{
border-top:#9FBE83 1px dotted;
text-align:right;
padding:15px 0;
width:100%;
line-height:22px;
margin-top:2em;
font-size:75.0%; /*12px*/
color:#222222;
font-weight:600;
}
    
.brcm-header{ overflow:hidden; width:100%; overflow:hidden;}

.brcm-header img{ max-width:none;}

.data-hora strong{ font-weight:400; font-weight:normal; color:#333; display:block;font-size:1.3em;/*19px*/}


/* cercador */

div.capcalera div.cercador-cont{ 
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
background:transparent url(../imatges/pixel-trans-white.png) repeat left  top ;
padding:6px;
position:absolute;
bottom:7px;
right:8px;
width:40%;
/*min-width:280px;*/
-webkit-border-radius: 4px;
border-radius: 4px;
}

div.capcalera div.cercador {
width:100%;
overflow:hidden;
}



    div.capcalera div.cercador form {width:100%;} 
    
        div.capcalera div.cercador span.marc-text {
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        border:1px solid #76A34F;
        display:block;
        border-radius:0.25em; /* 3px */
        -webkit-border-radius:0.25em;
        moz-border-radius: 0.25em;
        box-shadow: inset 1px 1px 1px 1px #ECECEC; 
        float:left;
        width:62%;
        overflow:hidden;
        background-color:#FAFAFA;
        padding:4px 5px;
        }
        
            div.capcalera div.cercador span.marc-text input {
            box-sizing:border-box;
            -moz-box-sizing:border-box;
            -webkit-box-sizing:border-box;
            border-width:0;
            background-color:white;
            font-size:87.5%;
            padding:5px 25px 5px 5px;
            color:#666666;
            float:left;
            width:100%; 
            background:transparent url(../imatges/icona-cercador.gif) right center no-repeat; 
            font-family: 'Ubuntu', sans-serif;
            }
            
            
        div.capcalera div.cercador span.marc-boto {
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        float:right;
        width:35%; /* 84px / 284px */
		min-width:64px;
        border-radius:0.176em;
        -webkit-border-radius:0.176em;
        moz-border-radius:0.176em;
		font-weight:600;
        }    
            
            div.capcalera div.cercador span.marc-boto input {
			border:none!important;
            box-sizing:border-box;
			border:none;
            -moz-box-sizing:border-box;
            -webkit-box-sizing:border-box;
            font-size:87.5%;
            color:white;    
            -webkit-border-radius:0.176em;
            moz-border-radius:0.176em;                
            background-color:#E74914;
            padding:9px;
            text-align:center;
            width:100%;
            cursor:pointer;
            float:right;
			border-radius:3px;
			font-weight:600;
          
            }

    /* navegació principal */
    div.navegacio-principal-1 {
    margin-top:1.7130620985010706638115631691649%;
    font-size:0.8em;
	background-color:#E74914;
	padding-top:0.9em;
	padding-bottom:0.9em;
	border-bottom:#EDEDED solid 4px; 
	
	margin:auto;
	
    }
    
    
    
        div.navegacio-principal-1 div.limitador-amplada * , 
        div.navegacio-principal-1 span{ 
        display:block;
        float:left;
        }    
        
        div.navegacio-principal-1 div.brcm-navigation li,
        div.navegacio-principal-1 span.tornar-a-la-portada {
        margin-right:0.357em;
        }

        div.navegacio-principal-1  span.tornar-a-la-portada a {
        background:url(../imatges/icon-home.png) no-repeat 7px 9px;
        text-decoration:none;
        padding-left: 27px;
		color:#5B1C08;
        float:left;
     
        }
		        div.navegacio-principal-1  span.brcm-active-node a {
        background:url(../imatges/icon-home.png) no-repeat 7px 9px;}

        
            div.navegacio-principal-1 .brcm-navigation a, div.navegacio-principal-1 a {
            text-decoration:none;
            color:#FFF;
           
            padding:0.8em 0.8em 0.8em 0.8em;
            font-weight:600;
		   font-size:1em;
            border-radius: 3px;
		   text-transform:uppercase;
		    text-shadow: 0px 1px 0px #5B1C08;
            }
            
            .capcalera .brcm-navigation a:visited, 
            .tornar-a-la-portada a:visited{ color:#FFF!important;}
            
            
                .capcalera .brcm-navigation a:hover , 
                .capcalera div.navegacio-principal-1 span.tornar-a-la-portada span:hover, .capcalera .brcm-navigation .brcm-active-node a, .capcalera .brcm-active-node a {background-color:#333333!important;
            color:#FFF!Important;  
                }
                
              

                
         
                div.navegacio-principal-1  span.tornar-a-la-portada.brcm-active-node{
            }
                
                
        a.rss-icon{ 
        color:#FFF!important;
        float:right!important;
        background:url(../imatges/rss-icon.png) no-repeat 0px 10px;
        padding-left:22px!important;
        /*border-left:#CCC 1px solid;*/ 
     
            }        
                
                
                
/* fil d'ariadna */

div.brcm-breadcrumb {
-webkit-border-radius: 4px;
border-radius:4px; 
   background-color:#F8F8F8;
 box-shadow: 1px 2px 0px 0px #EDEDED;
 box-sizing:border-box;


padding:1px 0;
margin-top:1.0706638115631691648822269807281%; /* 10px / 934px */

font-size:81.3%;
width:100%;
overflow:hidden;

   
}
        
div.brcm-breadcrumb * {
float:left;
margin:5px;
margin-top:7px;
display:inline;
height:20px;
}

div.brcm-breadcrumb a {
color:#E74914;
font-weight:600;
}

    div.brcm-breadcrumb a:hover {color:#5B1C08;}

            
                div.brcm-breadcrumb a.brcm-home {
                background:transparent url(../imatges/icona-home.gif) 10px center no-repeat;
                padding-left:38px;
                height:20px;
                }
                
            div.brcm-breadcrumb span.brcm-separator {
            width:7px;
            height:11px;
            overflow:hidden;
            text-indent:-100000px;
            background-image:url(../imatges/fons-separador-fil-ariadna.gif);
            margin-top:10px;
            }
            
            
/* banners */            
.banners{
    /*border-top:#B2CCE5 1px solid;*/
    overflow:hidden;
    padding-bottom:0.8em;}

.banner{
width:19.8%;

float:left;
text-align:left;
margin-bottom:1%;
min-width:175px;}

.banner img{
    width:100%;
    height:auto;
    max-width:214px;
    }
      
        

/* 
cos
---
*/

        
/* títol de la pàgina */
h1 {
color:#333;
font-size:2.3em;
font-weight:900;
margin:2.3554603854389721627408993576017% 0 2.3554603854389721627408993576017% 0; /* 30px 22px / 934px */
padding-bottom:0.4em;
}
        

div.continguts-navegacio-secundaria-i-subscripcio {
width:100%;
overflow:hidden;
font-weight:600;
}
    div.continguts-navegacio-secundaria-i-subscripcio a{ color:#E74914; padding:3px;}
    .cos .navegacio-secundaria a:visited  {color:#E74914;}
    .cos .navegacio-secundaria a:hover {color:#E74914;}
    


    div.navegacio-secundaria ul { padding-top:10px;}
    div.continguts-navegacio-secundaria-i-subscripcio ul li{
        margin-bottom:9px;}
        
    div.continguts-navegacio-secundaria-i-subscripcio ul li.brcm-current-node a{ color:#FFF!important;
    background-color:#E74914;  text-decoration:none; border-radius:4px; }    
    
    div.continguts-navegacio-secundaria-i-subscripcio ul li.brcm-current-node ul li a{ color:#E74914!important; text-decoration:underline!important; background-color:transparent!important;}
    
    div.continguts-navegacio-secundaria-i-subscripcio ul li ul{
        margin-top:8px;
        padding-top:0px;
        font-size:    87.5%;
        }    
    div.continguts-navegacio-secundaria-i-subscripcio ul li ul li{
        background:url(../imatges/li-navegacio-secundaria.jpg) no-repeat 2px 6px;
        padding-left:10px;
        font-size:100%;
        font-weight:400; }
        
    div.continguts-navegacio-secundaria-i-subscripcio ul li ul li.brcm-current-node    {
        padding-left:10px;
}        
    
.brcm-newsletter-subscription{ font-weight:400;
overflow:hidden;}
.brcm-newsletter-subscription .brcm-invitation{
    font-size:    81.3%;
    margin-bottom:0.9em;}
    
.brcm-newsletter-subscription .brcm-fields{font-size:    81.3%;}

.brcm-newsletter-subscription h2{
color: #333333;
font-size: 125%;
margin-bottom:0.2em;
font-weight: 900;}    
        
.brcm-newsletter-subscription label{ display:none;}
.brcm-newsletter-subscription #brcm-e-mail-subscriber {
border:#A2CE66 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px #DCEDC5;
-moz-box-shadow: 0px 1px #DCEDC5;
box-shadow: 0px 1px #DCEDC5;
background:#FAFAFA url(../imatges/input-email.jpg) no-repeat right top;
font-family: 'Ubuntu', sans-serif;
font-weight:400;
color:#999;
width:90%;
padding:10px;    
font-size:1em;
}
    
.envoltori .brcm-button{
	background-color:#333333;
    float:left;
    color:#FFF;
    border-radius:0.3em;
    margin-top:0.4em;
    width:70%;
    }

.envoltori .brcm-button input{
border:none;
background:transparent;
color:#FFF;
cursor:pointer;
font-size:1em;
font-family: 'Ubuntu', sans-serif;
font-weight:600;
padding:7px;
text-align:center;
width:100%;
}
    
.envoltori .brcm-button a{
display:block;
border:none;
background:transparent;
color:#FFF!important;
text-decoration:none;
text-shadow: 0 1px 0 #5B1C08;
cursor:pointer;
font-size:1em;
font-weight:600;
padding:7px 0px;
text-align:center;
width:100%;
}    



    div.continguts {
    float:right;
    width:72%;
    font-size:93.8%; /* 15px */
    line-height:146.7%; /* 18px */
    }
    
        div.continguts div.dues-columnes {width:100%;overflow:hidden}
        
            div.continguts div.dues-columnes div.columna-esquerra {width:49%;float:left}
            
            div.continguts div.dues-columnes div.columna-dreta {width:49%;float:right}
    
    div.continguts div.ultima-modificacio {
    font-size:80%;
    color:#888;
    font-weight:normal;
    }
    
    div.continguts div.compartir {
    font-size:80%;
    color:#888;
    font-weight:normal;
    border-top:thin dotted #CCCCCC;
    margin-top:15px;
    padding-top:15px;
    margin-bottom:20px;
    }
    
        div.continguts div.compartir p {margin:0 !important}
    div.continguts div.compartir img{
        webkit-border-radius: 0px!important;
        -moz-border-radius: 0px!important;
        border-radius: 0px!important;}

    div.navegacio-secundaria-i-subscripcio {
    float:left;
    width:25.5%;
       margin-top: 1.6em;
    /*background-color:#FFCCFF;*/
    }
    
        div.navegacio-secundaria-i-subscripcio div.navegacio-secundaria {
        -webkit-border-radius: 8px 8px 4px 4px;
    border-radius: 8px 8px 4px 4px; 
    background-color:#F8F8F8;
    width:100%;
    float:left;
    padding:1em;
    margin-bottom:1em;
    box-shadow: 1px 2px 0px 0px #EDEDED;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */ 
    margin-bottom:6.8235294117647058823529411764706%; /* 20px / 238px */
  
  
  
 
        }
        
            div.navegacio-secundaria p.ancestre {
            font-size:125%;
            font-weight:900;
            color:#333333;
            }
        
         div.subscripcio {
            
        }
        div.subscripcio .padding-news{
            padding:1em;
            display:block;
            overflow:hidden;}
        
        #portada .brcm-newsletter-subscription h2{ background-image:none;
        padding-bottom:0px;
        margin-bottom:0.4em;}
        #portada .brcm-newsletter-subscription #brcm-e-mail-subscriber  { float:left;
        width:60%;
        margin-right:1em;}
        #portada .brcm-newsletter-subscription  .brcm-button{ float:left; width:30%;
        margin-top:0px;
        }
        

/*formularis*/
.brcm-form form { display:block; margin:20px 0px;
overflow:hidden;}
.brcm-form textarea, .brcm-form [type="password"] , .brcm-form input[type="text"]{
    border:#B3B3B3 1px solid;
    background:#F5F5F5 url(../imatges/fondo-forms.jpg) repeat-x left top ;
    -webkit-box-shadow: 0px 1px 2px 0 #DCDCDC inset;
-moz-box-shadow:0px 1px 2px 0 #DCDCDC inset;
box-shadow: 0px 1px 2px 0 #DCDCDC inset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: 'Ubuntu', sans-serif;
font-size:100%;
padding:10px;
color:#333;

}

.brcm-form .titol{ font-weight:900;}
.brcm-form .descripcio{ font-size:0.7em;}
.brcm-form .camp{ margin-bottom:1.3em;}    
.brcm-form .opcio{ font-weight:400;
margin-bottom:0.5em;}
.brcm-form .avis-legal{ font-size:0.8em;
font-weight:400;}

.errors{ color:#C30; font-size:0.9em;}    



.brcm-form .brcm-actions{

    }

.brcm-form .brcm-actions input[type="submit"]{
    border:none;
    cursor:pointer;
    font-size:118.8%;
    font-family: 'Ubuntu', sans-serif;
    font-weight:600;
    padding:7px 15px;
    text-align:center;
    width:40%;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    color: #FFFFFF;
    float: left;
    margin-top: 0.4em;
	background-color:#E74914;
    }
    
/* 
disposició i mides de les imatges 
---------------------------------
*/

/* petites */
div.brcm-generic-element-with-image-gallery div.brcm-image-and-caption,
div.brcm-gallery-of-images div.brcm-image-and-caption,
div.brcm-list-of-news div.brcm-image-and-caption {max-width:15%}

/* mitjanes */
div.brcm-generic-element-with-images-on-the-left div.brcm-group-of-images,
div.brcm-generic-element-with-images-on-the-right div.brcm-group-of-images,
div.brcm-news-module div.brcm-group-of-images,
div.brcm-calendar-module div.brcm-group-of-images,
div.brcm-directory-module div.brcm-group-of-images,
div.brcm-public-announcements-module div.brcm-group-of-images,
div.brcm-projects-module div.brcm-group-of-images,
div.brcm-services-module div.brcm-group-of-images {
max-width:33%;
overflow:hidden;
}


img,
object {max-width:100%} /* evitem forçar massa les imatges */

div.brcm-image-and-caption {max-width:100%}

.continguts img {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}    
        
/* 
peu
---
*/

div.peu-1 {
margin-top:10px;

}

div.peu-2 {
}

div.peu-1 div.limitador-amplada {
overflow:hidden;
/*padding-bottom:3.6402569593147751605995717344754%;*/
}

div.peu-1 a {
color:#E74914;
float:left;}

div.peu-1 .vincles-peu a{ float:none;}
div.peu-1 a:hover {color:#036;}
.vincles-peu{
/*border-top:thin solid #2C72B8;
border-bottom:thin solid #2C72B8;*/
padding:1.0706638115631691648822269807281% 0; /* 10px / 934px */
overflow:hidden;
margin-top:10px;}

div.peu-1 a.logotip{float:left;  }
.vincles-peu .logotip img{ width:auto;}
div.peu-1 ul.vincles {
overflow:hidden;
font-size:0.8em;
float:left;

}

.text-peu{ float:left;
font-size:0.8em;
border-left:thin solid #CCC;
color:#666;
padding-left:2em;
padding-right:2em;
margin-left:35px;}
.text-peu p{
	margin-bottom:5px;}


    div.peu-1 ul.vincles  {
    display:block;
    padding-right:1em;
    margin-right:1em;
    border-left:thin solid #CCC;
    font-weight:400;
    padding-left:2em;
    text-decoration:underline;
    }
    div.peu-1 ul.vincles  a{ float:none!important;}
        div.peu-1 ul.vincles li{}
    
div.peu-1 div.firma-diputacio {
float:right;
font-size:68.8%;
color:#666666;
}

    div.peu-1 div.firma-diputacio * {margin-top:1em}
    
    div.peu-1 div.firma-diputacio p {margin-top:0em}

div.peu-1 div.eines-de-traduccio {
float:right;
font-size:    81.3%;
background-color:#E5E5E5;
border-top:thin solid #E5E5E5;
border-radius:0.5em;
}

    div.peu-1 div.eines-de-traduccio p {
    border-radius:0.5em;
    display:block;
    border-top:thin solid #F0F0F0;
    padding:0.5em 1em;
    }

    div.peu-1 div.eines-de-traduccio a {margin-left:0.5em}

/*************************************************
guia d'estil
*************************************************/

.hasMargin {margin:0}

/*
títols
-------
*/

div.continguts  h1,
div.continguts  h2,
div.continguts  h3 {line-height:normal}

div.continguts  h2 {
font-size:1.667em;
font-weight:900;
margin:30px 0 15px 0;
color:#333333;
}

    div.continguts h1 + h2 { margin-top:15px; }
    
    div.continguts h2:first-child {margin-top:0}

div.continguts  h3 {
font-weight:900;
margin:30px 0 15px 0;
font-size:1.2em;
color:#333333;
}

    div.continguts h2 + h3 { margin-top:15px;}
    
    div.continguts h3:first-child {margin-top:0}
    
/* paràgrafs i llistes */

div.continguts p,
div.continguts ol,
div.continguts ul {
margin-top:15px;
margin-bottom:15px;
font-weight:400;
}
div.continguts-navegacio-secundaria-i-subscripcio .continguts a{ padding:0px;}

    div.continguts p:first-child,
    div.continguts ol:first-child,
    div.continguts ul:first-child {margin-top:0}

    div.continguts ul li {
    padding-left:1.5em;
    margin:7px 0;
    background:white url(../imatges/punt-llista-01.png) 0 2px no-repeat;
    }
    
    div.continguts ol li {
		list-style-type:decimal;
    margin-top:7px;
    margin-bottom:7px;
    }
    a.feed{ padding-left:18px!important;}
    div.continguts .brcm-group-of-images .brcm-caption{ font-size:0.7em;
    font-weight:400;}

div.continguts p.SG-peu-de-mapa {
margin-top:5px !important;
font-size:80% !important;
}

/* taules */
div.continguts table {
margin:15px 0;
border: 1px #CCC solid;
border-collapse:collapse;
}

    div.continguts table th{
    padding:5px 10px;
    border: 1px #CCC solid; 
    background-color:#F2F2F2; 
    color:black;
    font-weight:bold;
    }
    
    div.continguts table td{
    padding:7px 15px;
    border: 1px #CCC solid;
    font-weight: 400;
    }
    
/* vincles */
div.continguts a:link {
color:#E74914;
font-weight:700;
}

div.cos a:visited  {color:#5B1C08;}
div.cos a:hover {color:#850000;}
div.cos div.brcm-list-of-events a.brcm-next span, div.cos div.brcm-list-of-events a.brcm-previous span{
    display:inline-block;
    text-indent:-9999px;
    text-align:left;
}

/* portada */
#portada{ padding-top:20px;}
    .destacat .brcm-generic-element-with-big-images .brcm-image-and-caption{
        background-color:#86B1DF;
        border:#4D77A2 1px solid;
        padding:1px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;}
    .destacat .brcm-generic-element-with-big-images .brcm-image {
        background-color:#5B1C08;
        padding:3px;
        display:block;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;}    
        
    .destacat .brcm-generic-element-with-big-images .brcm-image img{
        width:100%;
        height:auto;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;}
    .destacat .brcm-image img{
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;}    
        
    .destacat .brcm-title { font-weight:600;
    font-size:112.5%!important;
    background-image:none;
    margin-top:0em;
    margin-bottom:0.3em;
    padding-bottom:0px;
    }
    .destacat .brcm-summary, .portada-columna-esquerra .destacat p{
        color:#333;
        margin-bottom:1.5em;}    




.portada-columna-esquerra a, .portada-columna-dreta a{
    color:#E74914;
    font-weight:600;}

.portada-columna-esquerra a:hover, .portada-columna-dreta a:hover{
    color:#5B1C08;}    
    
.portada-columna-esquerra{ 
    width:49%;
    float:left;
    overflow:hidden;
	line-height:1.2em;}
    
.portada-columna-dreta{
	line-height:1.2em;
    width:49%;
    float:right;
    overflow:hidden;}


#portada div.brcm-list-of-news div.brcm-image-and-caption {max-width:30%}



.caixa-gris{
    -webkit-border-radius: 8px 8px 4px 4px;
    border-radius: 4px 4px 4px 4px; 
    background-color:#F8F8F8;
    width:100%;
    float:left;
    margin-bottom:1em;
    box-shadow: 1px 2px 0px 0px #EDEDED;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */ 
     }
     
.caixa-especial, .subscripcio{
    -webkit-border-radius: 4px;
    border-radius: 4px;
	background-color:#E74914;
	

    width:100%;
    float:left;
    margin-bottom:1em;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    box-shadow: 1px 2px 0px 0px #EDEDED;
	color:#FFF;
    
     } 
.subscripcio h2{
	color:#FFF!important;}	     
     
.style1{
   /* border-top:#E74914 4px solid;
    }    
.style2{
    border-top:#666666 4px solid;
    }
.style3{
    border-top:#6F9F46 4px solid;
    }
.style4{
    border-top:#996600 4px solid;
    }
.style5{
    border-top:#006699 4px solid;*/
    }                     

.flexslider {
    background: transparent !important;
    border: none !important;
}

.flex-control-nav {
    margin-top: 15px !important;
}

.flexslider .panelText {
    padding-bottom: 15px;
}

.flex-control-nav li a {
    background: url(../imatges/bg_control_nav.png) no-repeat scroll 0 0 transparent!important;}
	

.flex-control-nav li a:hover {
    background-position: 0 -13px!important;
}
.flex-control-nav li a.active {
    background-position: 0 -26px!important;
    cursor: default;
}
     


div.anythingSlider {
    padding: 15px !important;
}


div.envoltori .brcm-flexslider{
	background-color:transparent!important;
	border:none!important;
	box-shadow: 0 0px 0px!important;
	-webkit-box-shadow: 0 0px 0px!important;
	-moz-box-shadow: 0 0px 0px!important ;
	border-radius:0px!important; }
	
div.envoltori .brcm-flexslider a img{
	margin-bottom:8px!important;
	display:block;
	border-radius:3px;}	
	
          
.caixa-groc{
    background-color:#F5F4D6;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width:100%;
    float:left;
    margin-bottom:1em;}     
     
.portada-columna-esquerra h2,
.portada-columna-dreta h2 {
    color: #333333;
    font-size: 125%;

    font-weight: 600;
    margin-bottom: 0em;
    padding-bottom:10px;
    }     
    
p.brcm-more-info-link{
    font-size:0.9em;
    font-weight:400;
    color:#55A11E;
    float:right;
    width:40%;
    text-align:right;
    line-height:1.6em;
    padding-top:0.5em;
    }
    
.inner-padding{ padding:1em;
overflow:hidden;}


.eltemps{}

.eltemps .brcm-pagina-element{ float:left;}
.eltemps h2{  color:#FFF; font-weight:600; padding:0px; margin:0px; background-image:none; float:left; width:110px;
font-size:1.1em;
margin-right:15px;

 }
.eltemps h2 span{ color:#76A34E; display:block; font-weight:400;}
.eltemps .brcm-day{
	width:140px;
	overflow:hidden;
	float:left;
}
.eltemps .brcm-day h3{
 font-size: 1.2em;
    font-weight: 600;
	color:#FFF;
    width: auto; 
float:none; width:auto;}
.eltemps .brcm-day .brcm-temperatures{ font-size:0.9em; line-height:1.5em;}
.eltemps .brcm-day .brcm-icon img{float:left; margin-right:11px;
padding:2px;
width:40px;
height:auto;
background-color:#FFF;}


/* news & events */
.brcm-list-of-news{}    

 
    .brcm-list-of-news ol{
        list-style:none;
        margin:0px;
        padding:0px;}
		
        
        
        div.brcm-list-of-news ol li{ margin-bottom:1.3em!important;}
    
    .continguts .brcm-list-of-news ol li, .continguts .brcm-list-of-events ol li{ margin-bottom:1.3em;}    
    .brcm-list-of-news .brcm-date, .brcm-list-of-announcements .brcm-date    {
        color:#333;
        float:none!important;
         font-size: 0.7em;
        font-weight: 400;}
    .categoria, .brcm-list-of-announcements .brcm-category{
        color:#666;
        font-size:0.8em;
        font-weight:700;
        margin-right:5px;}
        
    .brcm-list-of-news .brcm-image-and-caption{
        float:left;
        margin-right:1em;}    
    .brcm-list-of-news .brcm-title{
        font-weight:600;
        font-style:normal;margin-bottom:0.3em;}
    .brcm-list-of-news .brcm-title a{ display:block;}    
    .brcm-list-of-news .brcm-summary{ font-size:0.85em;}
    .brcm-list-of-news .brcm-image-and-caption img{
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;}
        

    .brcm-news-detail p.brcm-summary{ font-weight:600; 
    font-size:115.8%;}    
    
        

/**/        
        
#portada .subscripcio{ margin-bottom:1em;}

.continguts .brcm-list-of-news li{ margin-bottom:1.5em;}
.brcm-news-detail .brcm-group-of-images{ float:right; margin-left:2em;
margin-bottom:1em;
}
.brcm-news-detail .brcm-group-of-images img{
    -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;}    
        
.brcm-news-detail .brcm-date{ color:#5B1C08;}    


.brcm-category{ font-size:84.2%; display: none;
color:#999;}


/* listofevents */
.brcm-list-of-events{}     
    .brcm-list-of-events ol{
        list-style:none;
        margin:0px;
        padding:0px;}
		
	.brcm-list-of-events ol li{
		position:relative;
		width:auto!important;
		padding-left:78px!important;
		min-height:68px;
		min-height:
		}	
    
    .continguts .brcm-list-of-events ol, 
    .brcm-list-of-announcements ol,
    .brcm-list-of-projects ol { margin-bottom:3em; margin:0px; padding:0px;} 
    
    .brcm-list-of-events ol li, 
    .brcm-list-of-announcements ol li,
    .brcm-list-of-projects ol li { margin-bottom:1.5em; list-style:none; padding-left:0px; margin-left:0px;}    
    
    .brcm-list-of-events .brcm-date    { font-size:0.9em;}
    .brcm-list-of-events .brcm-image-and-caption{
        float:left;
        margin-right:1em;}    
    .brcm-list-of-events .brcm-title{
        font-weight:600;
        display:block;
        font-style:normal;margin-bottom:0.5em;}
    .brcm-list-of-events .brcm-summary, .brcm-list-of-events .brcm-location, .brcm-list-of-events .brcm-organizer{ font-size:0.9em;}
    .brcm-list-of-events .brcm-image-and-caption img{
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;}    
    
    .brcm-date-especial{
        background-color:#996600;
        color:#FFF;
        width:64px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding:0.4em 0.1em;
        text-align:center;
		position:absolute;
		left:0px;
		top:0px;
        }
    .brcm-date-especial span{
        color:#FFF;
        font-size:2.4em;
        display:block;
        line-height:1em;
        text-align:center;
     }


/* list-of-categories */


#portada .brcm-list-of-categories ol{
list-style:none;
overflow:hidden;
margin:0px;
padding:0px;}

#portada .brcm-list-of-categories li {
        float:left;
        width:100%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        overflow:hidden;
        background:#257917 url(../imatges/tags-back.jpg) repeat-x 0px 0px;
        margin-bottom:0.5em;
		color:#FFF;}


#portada .brcm-list-of-categories li a{
    color:#FFF;
    font-weight:600;
    float:left;
    padding:6px;}    
#portada .brcm-list-of-categories li a:hover{ color:#FFE33D;}    
    
#portada .brcm-number{
    float:left;padding:7px;}

#portada .brcm-list-of-categories .brcm-number{ color:#FFE33D;}    
        

#portada .brcm-list-of-categories li .brcm-title-and-number{
        background:transparent url(../imatges/icon-categories.png) no-repeat 9px 7px;
    padding-left:30px;
    overflow:hidden;
    float:left; }
    
    
    
    
/*paginator*/    
.brcm-pagination{
    margin-top:3em;
    overflow:hidden;}
    
    
.brcm-pagination .brcm-current{
    float:left;
    padding:0.5em 2em;
    }
.brcm-pagination .brcm-previous{
    width:46px;
    display:block;
    height:38px;
    background:url(../imatges/arrow-left.jpg) no-repeat 0 0;
    overflow:hidden;
    text-indent:-10000px;
    float:left;}        
.brcm-pagination .brcm-next{
    width:46px;
    display:block;
    height:38px;
    background:url(../imatges/arrow-right.jpg) no-repeat 0 0;
    overflow:hidden;    
    text-indent:-10000px;
    float:left;    
    }    
    
.brcm-calendar-navigation{ 
    position:relative;
    height:auto;
    overflow:hidden;
    margin-bottom:3em;
    text-align:center;}     
    .brcm-calendar-navigation .brcm-previous{
    display:block;
    height:45px;
    width:150px;
    background:url(../imatges/arrow-left.jpg) no-repeat 0 0;
    overflow:hidden;
    padding-left:55px;
    text-align:left;
    float:left;
    font-size:    137.5%;
    width:150px;
    line-height:2em;
    font-weight:400!important;}        
 .brcm-calendar-navigation .brcm-next{
    display:block;
    height:45px;
    width:150px;
    background:url(../imatges/arrow-right.jpg) no-repeat top right;
    overflow:hidden;    
    float:right;    
    padding-right:55px;
    text-align:right;
    font-size:    137.5%;
    line-height:2em;
    font-weight:400!important;    
    }    
.brcm-calendar-navigation .brcm-current{
    display:block;
    text-align:center;
    font-size:137.5%;
    line-height:2em;
    width:auto;
    background-color:#F0F0F0;
    padding:0px 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    }
div.brcm-calendar-navigation span.brcm-current {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 40%;
}    
    

/*procedures*/    
.brcm-list-of-procedures ol, div.continguts .brcm-directory-module ol{
    padding:0px;}
div.continguts .brcm-list-of-procedures ol li, div.continguts .brcm-directory-module ol li{
    list-style:none;
    margin:0px;
    padding:0px;
    margin-bottom:1.5em;}

.brcm-on-line{ background:url(../imatges/online.jpg) no-repeat top right; padding-right:65px!important;}
div.continguts .brcm-filter a{
color:#E74914;
cursor:pointer;}

.brcm-procedure-detail { position: relative; padding-right: 315px; }
.brcm-procedure-detail .brcm-documentation {
    max-width: 33%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #F0F0F0;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    margin-bottom: 1em;
    padding: 1em;
    overflow: hidden;
}

/*
filtre d'alguns mòduls
----------------------
*/

.brcm-filter {
position:relative;
padding-bottom:10px;
margin-bottom:20px;
border-bottom:1px dotted #D0D0D0;
}

    div.continguts .brcm-filter h2 {
    color:#666;
    font-size:100%;
    margin:0 0 10px 0;
    }





div.continguts .brcm-filter ul li{ background:none; }

.select-filtre {
display:block;
-webkit-box-shadow: inset 1px 1px 2px 0px #999;
-moz-box-shadow: inset 1px 1px 2px 0px #999;
padding:6px 10px;
padding-right:50px;
box-shadow: inset 1px 1px 2px 0px #999;
background:url(../imatges/select-filtre.jpg) no-repeat right top;
border:#B0B0B0 1px solid;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
width:400px;
line-height:1.4em;
margin-bottom:0px;
}
    
    
div.continguts .brcm-filter > ul.expanded {
    position:absolute;
    left:0px;
    top:65px;
    background-color:#FFF;
    border:1px #B0B0B0 solid;
    display:block;
    width:425px;
    margin-left:2px;
    -webkit-box-shadow: 1px 1px 2px #999;
    -moz-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999; 
    margin-top:0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px; 
    margin-top:-1px;
    z-index: 100;
    }
    
div.continguts .brcm-filter ul li{
margin:0px;
padding:0px;
margin-bottom:0.5em;
padding:2px 0;}

div.continguts .brcm-filter ul li a, 
div.continguts .brcm-filter ul li strong{ padding-left:10px; }

div.continguts .brcm-filter ul li.select{ /* background-color:#88C85F; color:#FFF;*/}
div.continguts .brcm-filter ul li ul li.select{ background-color:transparent;}
div.continguts .brcm-filter ul li:hover{/* background-color:#CCC;*/}
div.continguts .brcm-filter ul li ul li:hover{ /*background-color:#666;*/}
div.continguts .brcm-filter ul li.select a, div.continguts .brcm-filter ul li.select strong{ }
div.continguts .brcm-filter ul li ul{
    margin-left:0px;
    background-color:transparent;
    position:static;
    border:none;
    margin-top:5px;
    width:100%;
    min-height:100%;
    margin-bottom:0px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}    
div.continguts .brcm-filter ul li ul li a, div.continguts .brcm-filter ul li ul li strong{
    background:url(../imatges/mini-arrow.png) no-repeat 12px 2px;
    padding-left:39px;}    

div.continguts .brcm-filter ul li ul li ul li a, div.continguts .brcm-filter ul li ul li ul li strong{
    background:url(../imatges/mini-arrow.png) no-repeat 30px 0px;
    padding-left:55px;}
div.continguts ul.brcm-list-of-attachments li{
    padding-left:0px;
    background:none;
}
div.continguts div.brcm-attachment a{
    padding-left:25px;
    padding-bottom:3px;
}




/* EMAIL  */
#email div.continguts {
    float:none!important;
    width:98%;
    margin:auto;}
#email div.continguts table {
    border:none!important;}
#email div.continguts table td {
    border:none!important;
    padding:0!important;}
#email.envoltori{margin-left:15px;
width:97%;}
#email .logotip{ margin-left:10px; }
#email .cos{ margin-left:10px;}




/* EMAIL  */


.brcm-related-items{
    background-color: #F0F0F0;
    border-radius: 6px 6px 6px 6px;
    float: left;
    margin-bottom: 1em;
    width: 95%;
    padding:2.5%;
    font-size:0.8em;
    margin-top:3em;}
    
    
.brcm-related-items h2{ background: url("../imatges/border-h2-line.jpg") repeat-x scroll left bottom transparent;
    color: #333333;
    font-size: 133.3%;
    font-weight: 600;
    margin-bottom: 0.7em;
    padding-bottom: 10px;}
    
    
    
    
/* MAPA WEB  */


.mapa-web{
    background-color:#333;
    overflow:hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:24px;
    margin-bottom:0;
	color:#FFF;
    box-shadow: 1px 2px 1px 0px #DFDFDF;}    
    
    .mapa-web li{
        display:block;
        float:left;
        padding-right:15px;
        margin-right:25px;
        border-right:#CFD6C0 1px dotted;}    
    
    .mapa-web li ul li{
        border:none;}
    .mapa-web li ul li{
        display:block;
        float:none;}    
    
    li.brcm-last-item{
        margin-right:0px;
        border:none;}
    div.peu-1 .mapa-web li a{
    display:block;
    color:#333333;
    float:none;}
    
    
    div.peu-1 .mapa-web li span a{
        color:#FFF;
        font-weight:600;
        font-size:93.8%;/*15px*/
        margin-bottom:5px;}
    
    div.peu-1 .mapa-web li ul li span a{
        color:#FFF;
        font-weight:400;
        font-size:13px;
        line-height: 19px;
        margin-bottom:0px;
    }



/**/
.brcm-group-of-small-images div.brcm-image-and-caption div.brcm-caption { font-size:11px!important;
text-align:right;
line-height:1em;
margin-top:5px;}


.brcm-group-of-small-images{ 
float:right;
width:100%;
overflow:hidden;
}

.brcm-group-of-small-images .brcm-image-and-caption{
    width:50%;
    overflow:hidden;
    float:left;
    clear:none!important;
    }
.brcm-group-of-small-images .brcm-image-and-caption .brcm-image{ overflow:hidden;}    
.brcm-group-of-small-images .brcm-image-and-caption img{ width:96%; float:left;}    
.brcm-group-of-small-images .brcm-image-and-caption .brcm-second-image img{ float:right;}    
    
.brcm-group-of-small-images  div.brcm-image-and-caption div.brcm-caption { display:none!important;}    

div.brcm-news-module div.brcm-news-detail .brcm-group-of-small-images div.brcm-image-and-caption,
div.brcm-calendar-module div.brcm-event-detail .brcm-group-of-small-images div.brcm-image-and-caption,
div.brcm-public-announcements-module div.brcm-announcement-detail .brcm-group-of-small-images div.brcm-image-and-caption,
div.brcm-directory-module div.brcm-item-detail .brcm-group-of-small-images div.brcm-image-and-caption,
div.brcm-projects-module .brcm-project-detail .brcm-group-of-small-images div.brcm-image-and-caption,
div.brcm-services-module .brcm-service-detail .brcm-group-of-small-images div.brcm-image-and-caption{
    float:left;
    clear:left;
}

/* Related videos */
.brcm-related-video { display: inline-block; margin: 0 10px 10px 0; }
.brcm-related-video a{ display: block; margin: 10px 0; }

/* Fix newsletter */
div.brcm-newsletter-module div.brcm-select-interests {width: auto;}

.brcm-list-of-topic-items {float: left; width: 49%; margin: 0.5%;}
div.continguts div.dues-columnes div.columna-esquerra .brcm-list-of-topic-items,
div.continguts div.dues-columnes div.columna-dreta .brcm-list-of-topic-items{width:auto; float:none; margin:0;}

/* CatCert */
div.continguts ul.brcm-catcert-seal li {
padding-left:0;
margin:7px 0;
font-size: 0.8em;
background: none;
}
div.continguts ul.brcm-catcert-seal li h3 {margin-bottom: 5px; font-weight: normal;}
div.continguts ul.brcm-catcert-seal li h3 strong{font-weight: 900;}
div.continguts ul.brcm-catcert-seal a {
padding-left:5em;
background:transparent url(../imatges/icon-cat-cert.png) left center no-repeat;
}

.brcm-public-announcements-module .brcm-date{font-weight: normal;}
.brcm-public-announcements-module .brcm-date strong{font-weight: 900;}



/* perfil contractants  */
 .filtre-categories{
	 border:#999 2px solid;
	 padding:10px;
	 border-radius:4px;
	 margin-top:10px;
	 margin-bottom:10px;
	 overflow:hidden;}
	 
	 div.continguts .filtre-categories h3{
		 display:block;
		 background-color:#999 ;
		 color:#FFF!important;
		 padding:4px;
		 border-radius:4px;
		 margin-top:-9px;
		 margin-left:-9px;
		 margin-right:-9px;
		 text-shadow:0;
		 }
		 
	.filtre-categories button{
			color:#FFF;
		background: none repeat-x scroll left top #666;
   	 border: 1px solid #000000;
   	 border-radius: 0.3em 0.3em 0.3em 0.3em;
    float: left;
	font-size:1.2em;
	padding:2px 4px;
	margin-right:10px;
	cursor:pointer;}
	.filtre-categories button[type="submit"] {
		background: none repeat-x scroll left top #0099BA;
	
		}
iframe.nounou body {
    width:200px!important;
    height:200px!important;

}



	

/* Cercador Google */
div.cos table.gsc-table-result td, div.cos table.gsc-table-result{border:0px; padding:0px; margin:0px;}
div.cos table.gcsc-branding, div.cos table.gcsc-branding td, div.cos table.gsc-resultsHeader, div.cos table.gsc-resultsHeader td{display:none;}
div.cos table td.gsc-control-cse, div.cos table td.gsc-control-cse-es, div.cos table td.gsc-table-cell-thumbnail{padding:0px; border:0px;}
form.gsc-search-box, form.gsc-search-box-tools{display:none;}
div.gsc-above-wrapper-area{display:none;}
div.cos table.gsc-above-wrapper-area-container td.gsc-result-info-container{padding:0px; border:0px;}
.gs-web-image-box-portrait img.gs-image {max-width:150px!important; max-height:120px!important;}
.gs-image-box.gs-web-image-box.gs-web-image-box-portrait {width:160px!important; height:130px!important;}
.gsc-webResult .gsc-result {border-bottom:1px solid #e9e9e9!important;}
.cse .gsc-control-cse, .gsc-control-cse {padding:0px!important;}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {padding-left:0px!important;}

/* Bug slider portada */

.embed-card.video > .content{
    margin: 0 auto;
    position: relative;
    padding-top: 0px;
    padding-left: 0px;
    margin-left: 0px;
    width: 500px!important;
    height: 342px!important;
}