html{
    min-height: 100%;
    /*height:100%;
    background-color: #679CD9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D8E5F5), color-stop(100%, #97BAE4));
    background-image: -webkit-linear-gradient(top, #D8E5F5 0%,#97BAE4 100%);
    background-image: -moz-linear-gradient(top, #D8E5F5 0%, #97BAE4 100%);
    background-image: -ms-linear-gradient(top, #D8E5F5 0%, #97BAE4 100%);
    background-image: -o-linear-gradient(top, #D8E5F5 0%, #97BAE4 100%);
    background-image: linear-gradient(top, #D8E5F5 0%, #97BAE4 100%);            
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D8E5F5', endColorstr='#97BAE4)');   */ 
}

body {
    background-color: #E3EAF4;
    font: 10pt/16px Arial,Helvetica,sans-serif;
    line-height: 1.4;
    margin:0; padding: 0;
    background-image: url('images/fons-web-news.png'),url('../images/fons_web/deg_fons2.png');
    background-repeat: no-repeat,repeat-x;
    background-attachment: fixed,fixed;
    background-position: center bottom,center bottom;
    /*height:100%;*/
}
body { 
    background-image: url('../images/fons_web/fons_5.png')\9;
    background-repeat: no-repeat\9;
    background-attachment: fixed\9;
    background-position: center bottom\9;
}

body.fons_login #page,body.fons_login #wrap_cont{
    width:auto;
}

body.fons_login #page{
    background-color: transparent;
}

body.fons_login #wrap_cont{
    padding: 0px;
}
body.fons_login #main_especial{
    padding: 0px;
}

body.tota_amplada #page,body.tota_amplada #wrap_cont{
    width:auto;
}
body.tota_amplada #div_barra_usuari div.wrap{
    width: auto;
}

body.tota_amplada #page{
    background-color: transparent;
    border: none;
}
body.tota_amplada #wrap_cont{
    padding: 0px;
}
body.tota_amplada #main_especial{
    padding: 0px;
}



@media(min-width:1000px){
    html{
        width: 100%;
    }
    body{
        padding-top: 80px;
    }
    body.sense_head{
        padding-top: 0px;
    }
    body.sense_head #all{
        top: 0px;
    }
}

#all{

    display: block;
    
    margin: 0 auto;
    position: relative;
    

}

@media(min-width:1000px){
    #all{
        z-index: 20;
    }
    body.menu_doble{
        padding-top: 117px;
    }
}


a img{
    border: 0px;
}
   
#page{
      margin: 0 auto;
      position: relative;
      padding: 0px;
      display: block;
      margin-bottom: 0px;
      background-color: #F4F4F4;
        border-left:1px solid #999;
        border-right:1px solid #999;
}

body.fons_login #page{
    border: none;
}

#page.menu_doble{
   /* padding-top: 80px;*/
}

@media (min-width: 1000px) {
    #all{
        
    }
    #page{
        width:998px;
        padding: 0px;
        
        border-bottom:1px solid #999;
    }
    #page.menu_doble{
        /*padding-top: 142px;*/
    }    
    body.amb_peu #page{
        margin-bottom: 170px;
    }
}
    

#wrap_cont{
    
    margin: 0 auto;
    padding: 9px;
    padding-top: 20px;
}
@media (min-width: 1000px) {
    #wrap_cont{
        width: 980px;
    }
    
}


#wrap{ width:980px; margin: 0 auto; position: relative; background-color: #fff; padding: 0px 0px; border-left:1px solid #666;border-right:1px solid #666; padding-top: 100px; }
#wrap2{ background-color: #fff; padding: 0px 0px; border-left:1px solid #666;border-right:1px solid #666; padding-top: 100px;}
#footer{
    display:block !important;
     width:100%;
     padding-top: 0px;
     clear: both;
}

#peu{
        height: 150px;
        padding-top:20px;
        display:block !important;
    margin: 0 auto;
    width:100%;
    background-color: #325C8E;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #325C8E), color-stop(100%, #679CD9));
    background-image: -webkit-linear-gradient(top, #325C8E 0%,#679CD9 100%);
    background-image: -moz-linear-gradient(top, #325C8E 0%, #679CD9 100%);
    background-image: -ms-linear-gradient(top, #325C8E 0%, #679CD9 100%);
    background-image: -o-linear-gradient(top, #325C8E 0%, #679CD9 100%);
    background-image: linear-gradient(top, #325C8E 0%, #679CD9 100%);            
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#325C8E', endColorstr='#679CD9)');
    overflow: hidden;
    
}
@media(min-width:1000px){
    #peu{
        width:1000px;
        background-color: transparent;
        background-image: none;
        position: fixed;
        bottom:0px;
        left:50%;
        margin-left: -500px;
        z-index: 10;
        
    }
}

#div_tipus{background-color: #ddd; padding: 10px; padding-left: 14px; margin-left:-14px; margin-right: -14px; border-top:1px solid #999;}

div.wrap_contingut{
    margin-top: 60px;
}




#im_fons{
    /*
height: 150px;
    left: 0px;
    margin-top: 30px;
    position: absolute;
    width: 100%;
    */
    margin-top: 36px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 148px;
    position: absolute;
    left: 50%;
    margin-left:-960px;

}


#main,#main_publ{/*min-height: 1170px;*/ position: relative;}
#main{width:100%;}

#main_publ{width:100%; margin: 0 auto;display: inline-block; }

@media (min-width: 640px) {
    #main_publ{

    }
}
@media (min-width: 810px) {
    #main{
        width:800px;
         margin-right: 10px;
         display: inline-block;
    }
    #main_publ{
        width:78%;
    }    
}
@media (min-width: 1000px) {
    #main_publ{
        width:640px;
        display: inline-block;
    }
}


#im_fons{
    display: none;
}


#main_especial{
    padding: 0px 10px;
    min-height: 300px;
    position: relative;
}


div.text_destacat_article{ text-align: justify;}

article section.content p{ text-align: justify;}


#containers_home{ 
                  padding: 20px 0px 20px 0;
                  
                  margin: 0 auto;
                  display: none;
                  border-top:1px dotted #999999;
}
@media (min-width: 360px) {
    #containers_home{
       
    }
}
@media (min-width: 1000px) {
    #containers_home{
         display: block;
        width: 998px;
    }
}

#containers_home div.contenidor_gris ul,#containers_home section.contenidor_gris ul{
    margin-left: 0;
}

#containers_home section{
    display: inline-block;
}

#contenidor_economia{
    overflow: hidden !important;
}


.wrap_article{width:550px; padding-left:49px; padding-right:49px;}

/*section,footer,article,nav{display: inline-block;}*/

article section.content{ width: 100%; overflow: hidden; display: block; margin: 0 auto;}

article section.content a{color:#3685D5;}
article section.content a:hover{ text-decoration: underline !important; color:#D55F2C;}

div.wrap_contingut{}

div.zona_contingut{width:550px; margin-left: 10px; margin-right: 10px;}

#div_content{ padding-left: 10px;}

#content{ width:570px; min-height: 1170px;}

#div_header{position: absolute; top: 0px; left: 0px; width:998px;}

#header{ 
    /*display: none;*/
    
    /*box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);*/
    z-index: 90;
    /*overflow: visible;*/

    background-color: #679CD9;
}
@media(min-width:1000px){
    #header{ 
        /*position: fixed;*/
    }
    
    body #header{
        position: fixed;
        top:40px;
        left:0px;
        right:0px;
        z-index:30;

    }    
    
}


#wrap_imatges_capcalera{  width:100%; overflow: hidden; height:40px; position: absolute;}

#div_center_header{ width: 998px; height: 220px; margin: 0 auto; position: relative;}

#div_menu_web{
    position:relative;
}

@media(min-width:1000px){
    #img_logo{
        position: absolute;
        top: 25px;
        left:80px;
        z-index: 99;
        border:0;

    }
}


#boto_home.selected a{
    background-color: #325c83 !important;
    border-bottom-color: #325c83 !important;    
}

@media(min-width:600px){
    #img_logo{
        top: 23px;
    }
}
@media (min-width: 1000px) {
    #boto_home.selected a{
        background-color: #f4f4f4 !important;
        border-bottom-color: #f4f4f4 !important;

    }
}


#a_img_logo_3tresos{

}
                    
#img_logo_3tresos{
    display: none;
        position: absolute;
        top: 2px;
        left:10px;
        z-index: 99;
        border:0;
    -webkit-animation: spin 1s linear 1;
    -moz-animation: spin 1s linear 1;
        
           /*background-image: url("images/fons-logo-trans.png");*/}
#img_logo{
    height: 28px;   
    margin-top: 4px;
}
@media (min-width: 1000px) {
    #img_logo_3tresos{
        display: block;
        left:0px;
        left:50%;
        margin-left: -500px;
    }
    #img_logo_3tresos{
        height: 45px;
        top:0px;
    }
    
    #img_logo{
        display: block;
        left:50%;
        margin-top: 0px;
        margin-left: -368px;
        top:6px;
        margin-left:-410px;
    }
    #header_sup{
        display: none;
    }
}




#im_deg{ position: absolute; border: 0;z-index:12; display: block; /*opacity:0.9;*/ width: 100%; height: 47px;}

#breadcrumbs{ font-size: 0.8em; clear: both;color:#666;}
#breadcrumbs a{ /*color: #666;*/
    font-size: 0.9em;
    font-weight: bold;
     color: #004D85;
}
#breadcrumbs a.titol{
    font-size: 0.9em;
    font-weight: bold;
    color:#000;
}
#breadcrumbs a:hover{  color: #3685D5;}

#breadcrumbs h1{
    display: inline;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color:#000;
}

#breadcrumbs span.tag{
    vertical-align: middle;
}



.descipcio_seccio{
    /*background-color: rgba(150, 150, 150, 0.2);
    border-radius: 6px 6px 6px 6px;
    padding: 4px 8px;  */
    display: none;
    color: #666666;
    font-size: 0.75em;
    margin-bottom: 20px;
    max-width: 600px;
      
}

p.rss_twit a:hover{ text-decoration: underline;}
p.rss_twit{ 
    display: none;
    float: right;
    height: 18px;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: right;    
    
}
span.rss_link{margin: 0;}
span.twitter{  margin: 0;}
p.rss_twit span{ margin-left: 10px;}
p.rss_twit a{ color: #666; text-decoration: none; line-height: 16px; font-size: 7pt;}
p.rss_twit img{ border: 0;  margin-right: 4px; vertical-align: middle;}

@media(min-width:1000px){
    .descipcio_seccio{
        display: block;
    }
    p.rss_twit{
        display: inline;
    }
}


p.missatge{color:#333; background-color: #F9EDBE; font-size: 0.8em; padding: 2px;
         border-top: 1px solid #EFE1AC;
         border-bottom: 1px solid #EFE1AC;
         text-align: center;
         box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}

.descipcio_seccio a{ color:#999; text-decoration: none; font-weight: bold;}
.descipcio_seccio a:hover{ color:#333;}

#div_buscador{ height:80px;}

#form_buscador{ margin: 0; padding: 0;}

#boto_buscar{
    background-color: transparent;
    background-image: url('images/boto-buscador-nou-6.png');
    background-position: 0px -8px;
    font-size: 0.8em;
    position: absolute;
    left:178px;
    top:4px;
    width: 52px;
    height: 32px;
    padding:0px;
    margin:0px;
    cursor: pointer;

    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;


    border-left: none;

    background-color: #fff;/*#598CC5;*/
    /*background-image: -moz-linear-gradient(center top , #aaa,#bbb);*/
    
    border: 1px solid #fff;


}
#boto_buscar:hover{
    /*background-image: url('images/32/find.png') , -webkit-gradient(linear, left top, left bottom, from(#E5F7FD), to(#fff));
    background-image: url('images/32/find.png') , -moz-linear-gradient(top,  #E5F7FD,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5F7FD', endColorstr='#fff');*/
    background-position: 0px -53px;
/*
    background-color: #bbb;
    background-image: -moz-linear-gradient(center top , #bbb,#aaa);*/

    /*background-color: #666;*/
}
#span_buscador_capcalera{
    color: #333333;
    display: inline-block;
    font-size: 0.8em;
    height: 38px;
    left: 230px;
    padding-left: 10px;
    position: absolute;
    top: -3px;
    width: 96px;
}
#span_buscador_capcalera span.filtrar{
    color: #fff;
}
#input-buscador-capcalera{
    
    /*background-image: url('images/fons-buscador.png');
    background-repeat: no-repeat;
    border: 1px solid #aaa;
    */
    border: 1px solid #fff;

    background-color: #f4f4f4;
    font-size: 18px;
    color:#666;
    line-height: 30px;
    padding: 0px 6px;
    position: absolute;
    left:4px;
    top:4px;
    height: 30px;
    width: 163px;
    border-right: none;
    margin:0px;
    text-transform: lowercase;
    
    -moz-border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;


}

div.buscador{

    color: #000;
    height: 35px;
    padding: 6px;
    position: relative;
    width:320px;
    margin: 0 auto;
    margin-top: 20px;

}
@media (min-width: 1000px) {
    div.buscador{
        display: block;
    }
}

input.buscador{ font-size: 0.8em; font-family: Arial; background-image:url("..//images/16/lupa.png"); background-repeat:no-repeat; background-position:102px 1px; border:1px solid #333333; height:18px;}





#img_newsletter{ position: absolute; right: 10px; top:74px; z-index: 10; }
#img_botiga{ position: absolute; right: 250px; top:74px; z-index: 10; }

div.comentari img.email{ border: 0; position: absolute; left: 20px; top: 50px;}
div.comentari_fill img.email{ border: 0; position: absolute; left: 20px; top: 50px;}
/*#column1{float: right; width: 220px; overflow: hidden; margin-right: 5px;margin-left: 5px;}
#column2{float: right; width: 170px;overflow: hidden;}*/

#wrap_column1{ /*position: absolute; right: 181px; top:100px;*/ display: none; 
          vertical-align: top; width: 20%; margin-left: 1%;
          position: relative;

}

@media (min-width: 810px) {
    #wrap_column1{
        display: inline-block;
        width: 160px;
        margin-left: 8px;
    }
    
}

#column2,#column3{ /*position: absolute; right: 12px; top:100px;*/
          vertical-align: top;
          width: 20%;
          display: none;
          /*font-family: Verdana;*/
    margin-right: 12px;
    position: relative;
}
@media (min-width: 1000px) {
    #column2,#column3{
        display: inline-block;
        width: 160px;
    }
    
}


#column2.dreta{
    margin-left: 10px;
    margin-right: 0px;
}


#column2 img,#column3 img{ border:none;
     
}
#column1{
    position: absolute;
    width:160px;
}

#wrap_column1 a img{
    margin-bottom: 15px;
    background-color: #fff;
    width: 160px;
    padding-bottom: 0px;
    border: 1px solid #999999;
    display:block;
    

}


#cont{  /*background-color: #D3D3D3;*/ }
#ad_sup{width:100%; margin-bottom: 20px; margin-left:0px; background-color: #fff; border: 1px solid #999999;/*box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);*/}
#ad_inf{width: 100%; margin-top: 10px;margin-bottom: 20px; margin-left:0px; background-color: #fff;border: 1px solid #999999;overflow: hidden;/*box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);*/}

#ad_sup img,#ad_inf img{ border:none; width:100%;   }
#ad_sup object{  width:100%; height: 80px;   }
@media (min-width: 1000px) {
    #ad_sup,#ad_inf{
        max-width: 630px;
        height: 80px;
    }    
    #ad_sup img,#ad_inf img{
        width:630px; height: 80px; 
    }
    #ad_sup object{  width:630px; height: 80px; }
    
}


#main_publ #ad_sup,#main_publ #ad_inf{ /*margin-left: 30px;*/}


nav.bloc_menu{
          padding-right:10px;
          padding-left: 0px;
          border-right: 1px solid #ddd;
           font-size: 0.9em;
           color:#666;
           display: block;
}
nav.bloc_menu h3{  
            margin: 0;
            padding: 0;
            line-height: 25px;
           padding-left: 10px;
           display:inline;
           color:#666;
           font-size: 0.8em;
           font-weight: bold;
           display: inline-block;
           text-transform: uppercase;
               
}

#column2 nav.bloc_menu{
    border: 1px solid #999;
    padding: 0;
    margin-bottom: 10px;
}

#column2 ul.menu{
    border: none;
    top: 0px;
    margin: 0;
    position:static;

}

#column2 ul.menu li{
    height: auto;
}

#column2 nav.bloc_menu,#column2 nav.bloc_menu h3, #column2 ul.menu,#column2 ul.menu li{
    position:static;
    display: block;

}

#column2 nav.bloc_menu{ height: auto; }


/*nav.bloc_menu h3.tresos{ background-image: url("../images/fons_menu_tresos.png"); background-position: 0px 0px; line-height: 25px; color: #fff; padding-left: 10px; width:160px; padding-bottom: 6px;}*/

/*
nav.bloc_menu{background-image: url("../images/fons_menu_2.png"); float: left; margin-bottom: 20px; border-bottom: 1px solid #083D65}
nav.bloc_menu h3{ float: left; margin: 0;padding: 0;  line-height: 25px; color: #fff; padding-left: 10px; width:160px;}
*/

div.rascacels{
    margin: 0 auto;
    width: 160px;
    background-color: #fff;
    border: 1px solid #999999;
    /*box-shadow: 0px 0px 2px rgba(0,0,0,0.6);*/
    position: absolute;
    top: 0px;
}

div.rascacels img{
    padding: 0 !important;
    border: none !important;
    width: 160px;
    height: 750px;
    margin-bottom:0px !important;
}



p.descipcio_seccio{}




#sub_menu_superior>li.menu.amb_desplegable:hover{
    overflow: visible !important;
}

#sub_menu_superior li.menu.amb_desplegable:hover ul.menu{ display:block;}
#sub_menu_superior li:hover #ul_menu_autors{ display:block;}


ul.menu{ 
    font-size: 0.9em;
    padding: 0;
    list-style-type: none;
    position: absolute;
    display: none;
    border: 1px solid #ccc;
    top: 29px;
    left: -1px;
    z-index: 40;
}


ul.menu.desplegable{
    padding-top: 10px;
    background-color: #fff;
    border-top:none;
    left: 0px;
}

ul.menu li{
    cursor:pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    color: #666;
    
    padding: 2px 10px;
    display: block;
    font-weight: normal;
    font-size: 0.8em;
    float: none;
    border: none;
    text-align: left;
    font-size: 0.8em;
    background-color: #FFFFFF;
}

ul.menu.desplegable li{
    background-color: #fff;
}


ul.menu li:hover{
    background-color: #669BD7;

}
ul.menu li:hover a{
    color:#fff;
}
ul.menu li a:hover{
    text-decoration: none;
}

ul.menu_superior{ margin: 0;
                padding: 0;
                list-style-type: none;
                border-top:none;
                padding-left: 0px;
}



ul.menu_ocult{font-size: 0.9em;
                     padding: 0;
                     list-style-type: none;
                  position: absolute;

                  display: none;
                  background-color: #f4f4f4;
                  border: 1px solid #ccc;
                  border-top: none;
                  left: 0;
                  top: 25px;
                  z-index: 40;
}


#img_menu{
    display: block;
    margin: 16px;
    display: inline-block;
    width:48px;
    height: 48px;
    border: none;
    background-color: transparent;
    background-image: url('images/dropdown_48.png');
    background-position: bottom left;
    cursor: pointer;
}
#img_menu:hover{
    background-position: top left;
}


#img_sub_menu{
    display: block;
    margin: 16px;
    display: inline-block;
    width:48px;
    height: 48px;
    border: none;
    background-color: transparent;
    background-image: url('images/dropdown_48.png');
    background-position: bottom left;
    cursor: pointer;
}
#img_sub_menu:hover{
    background-position: top left;
}

#menu_superior{
    padding: 0px;
    margin:0px;
    
    z-index: 13;
    list-style-type: none;
    
    font-size: 1em;    
    display: none;
    
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    
    /*position: fixed;
    top: 70px;
    bottom: 0px;
    left:0px;
    right: 0px;
    overflow: auto;*/
}
@media (min-width: 1000px) {
    #menu_superior{
        width:789px;
        height: 40px;
        margin: 0 auto;
        display: block;
        padding-left: 210px;
        overflow: hidden;
    }
    body.w_ca #menu_superior,body.w_pt #menu_superior{
        padding-left: 230px;
        width:769px;
    }
    body.w_iberico #menu_superior{
        padding-left: 250px;
        width:749px;
    }    
    
    body.w_carne_es #menu_superior,body.w_carne_pt #menu_superior{
        padding-left: 240px;
        width:759px;
    }
    body.w_carne_es #img_logo,body.w_carne_pt #img_logo{
        max-width: 145px;
    }

 
}



#div_barra_web_superior{
    background-color: #F4F4F4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4), color-stop(100%, #D6D6D6));
    background-image: -webkit-linear-gradient(top, #F4F4F4 0%, #D6D6D6 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%,#D6D6D6 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%,#D6D6D6 100%);
    background-image: -o-linear-gradient(top, #F4F4F4 0%, #D6D6D6 100%);
    background-image: linear-gradient(top, #F4F4F4 0%, #D6D6D6 100%);  
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#D6D6D6)');
    
    position: absolute;
    top: 39px;
    left: 0%;
    margin: 0;
    width: 100%;
    z-index: 9;    
    height: 24px;
    
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

#div_sub_menu_superior{
    background-color: #ddd;
}

#sub_menu_superior{
    display: none;
    
    list-style-type: none;
    z-index: 120;
    overflow:  visible;
    /*position: absolute;*/
    top:70px;
    bottom:0px;
    padding: 0px;
    
    margin: 0 auto;
    
    min-height:40px;
    

}
#sub_menu_superior > li{
    display: block;
    padding: 0px;
    
    
    vertical-align:top;
    position: relative;
    overflow: visible;
    
}

#sub_menu_superior.menu_doble{
    height: 48px;    
}

@media(min-width:1000px){
    
    #div_sub_menu_superior{
        border-top: 1px solid #999;    
        border-bottom: 1px solid #999;    
        overflow: auto;
         overflow: visible;
    }
    #sub_menu_superior{
        display: block;
        height: 30px;
        min-height:30px;
        padding-top: 5px;
        font-family: Arial;
        font-size: 13px;       
        width:998px;
       
    }
    #sub_menu_superior > li{
        float: left;
        height: 30px;
        margin-right:-1px;
    }
}


#menu_secciones{width: 220px;}
#menu_economia{width: 260px;}
#menu_herramientas{width: 160px;}
#menu_comunidad{width: 160px;}

#menu_autores{width: 250px; line-height: 60px;}

#menu_autores img{height: 60px; float: left; margin-right: 6px;}

#menu_autores li{ height:60px; text-align: left; line-height: 60px;}

#menu_autores li:hover{ background-image: none;}


#ul_menu_autors img {
    height: 64px;
    width: 48px;
    position: absolute; left: 4px; top: 4px;

}
#ul_menu_autors{
    list-style: none;
    z-index: 40;
    margin: 0;
    padding: 0;
}
#ul_menu_autors li{
    padding: 0;
    position: relative;
    background-color: #f4f4f4;
    padding: 4px;
    padding-left: 62px;
    min-height: 64px;
    height: auto;
}
#ul_menu_autors li.ultim{
    min-height: inherit;
    padding-left: 4px;
}

#ul_menu_autors li span.articles{
    font-size: 0.8em;
    display: inline-block;
}


#ul_menu_autors li a.autor{
    font-weight: bold;
}
#ul_menu_autors li a.seccio{
    display: block;
    line-height: 16px;
    font-size: 0.8em;
    text-transform: uppercase;
}
#ul_menu_autors li a.article{
    display: block;
    line-height: 16px;
    font-size: 0.8em;
    color: #000;
}

#ul_menu_autors li.parell{
 background-color: #e8e8e8;
}

ul.menu_superior>li.boto{
    display: block;
    overflow: hidden;
}
@media(min-width:1000px){
    ul.menu_superior>li.boto{
        height:38px;
        float: left;
        display: inline-block;
        margin-right: -1px;
        overflow: visible;
    }

}
@media(min-width:1000px){
    #boto_buscador{
        float: right;
    }
}

ul.menu_superior li.boto> a{
    
    cursor:pointer; margin: 0;
    font-weight: bold;
    
    position: relative;
    text-align: center;
    
    border-left: 1px solid #3177C4;
    border-right: 1px solid #3177C4;

    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 7px;
    background-color: rgba(103,156,217,0.6);
    background-color: #508ED3;
    text-shadow: 1px 1px 2px #000;
    color: #fff;
    font-size: 12pt;
}
@media(min-width:1000px){
    ul.menu_superior li.boto> a{
        width:auto;
        display: inline-block;
        float: left;
        font-size: 9pt;
        
    }

}

a.destacat{
    color: #FF8C00 !important;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

a.pestanya{
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0px 6px;
    margin: 0px 5px;
}



#sub_menu_superior > li>div{
    display: none;
    position: absolute;
    top:30px;
    left:0px;
    
    background-color: #f4f4f4;
    padding-top: 10px;
    border: 1px solid #999;
    border-top: none;
    
    z-index:50;
    /*
    background-color: #325C8E;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #325C8E), color-stop(100%, #06325E));
    background-image: -webkit-linear-gradient(top, #325C8E 0%, #06325E 100%);
    background-image: -moz-linear-gradient(center top , #325C8E 0%, #06325E 100%);
    background-image: -ms-linear-gradient(top, #325C8E 0%,#06325E 100%);
    background-image: -o-linear-gradient(top, #325C8E 0%, #06325E 100%);
    background-image: linear-gradient(top, #325C8E 0%, #06325E 100%);       
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#325C8E', endColorstr='#06325E)');
    */
}

#sub_menu_superior > li.hover div,#sub_menu_superior > li:hover div{
    display: block;
}

@media(min-width:1000px){
    #sub_menu_superior.elearning ul.seccions{
        width:150px;
    }
}

#sub_menu_superior > li>a{
    
    
    color: #000;
    display: block;

    margin: 0;
    padding: 0 20px;
    position: relative;
    text-decoration: none;
    cursor: default;
    
    font-size: 12pt;
    font-weight: bold;
 
}

@media(min-width:1000px){
    #sub_menu_superior > li>a{
        border-left: 1px solid #999;
        border-right: 1px solid #999;
       /* text-shadow: 1px 1px 2px #bbb;           */ 
        display: inline-block;
        height: 30px;
        line-height: 30px;        
        font-weight: normal;
        font-size: 10pt;
    }
    #sub_menu_superior > li:first-child>a{
        border-left:none;
    }    
}
#sub_menu_superior > li>  a:hover,#sub_menu_superior > li:hover >  a {
    background-color: #F4F4F4;
    color:#000;
    text-shadow: none;
    border-top: 1px solid #999;

}
@media(min-width:1000px){
    #sub_menu_superior > li.selected>  a{
        /*background-color: #F4F4F4;
        color:#000;
        border-top: 1px solid #999;text-shadow: none;
        */
        color:#004D85;
    }    
    #sub_menu_superior > li>  a:hover,#sub_menu_superior > li:hover >  a , #sub_menu_superior > li.selected>  a{
        /*height: 26px;*/
    }
}

#sub_menu_superior > li:hover >  a {

    z-index: 9;
}


a.pestanya:hover,a.pestanya.selected{
    margin-top: 4px;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.4);
    color: #000 !important;

    background-color: #F4F4F4;
    border: 1px solid #444;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    
    margin-left:4px; 
    margin-right:4px; 
}


ul.menu_superior li.boto.selected> a{
    text-decoration: none;
    top: 0px;
    position: relative;
    /*box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4) inset;*/
    color: #000 !important;
    background-image:none;
    filter:none;
    background-color: #F4F4F4 !important;
    
    height: 38px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;    
    
    border-bottom-width: 0px;
    
    border-image-source: none;
    

    
    text-shadow:none;
    border-bottom-color:#F4F4F4;
    
    height: 39px;    
    
}

@media(min-width:1000px){
    ul.menu_superior li.boto.selected> a{
        border: 1px solid #999;
    }
}

ul.menu_superior li.boto.selected.amb_menu > a{
    /*border-bottom-width: 0px;*/
    background-color: #ddd !important;
    color: #000 !important;
    text-shadow: 1px 1px 2px #fff;
    border-bottom-color:#ddd;
}



ul.menu_superior li.boto >a:hover,ul.menu_superior li.boto:hover >a{
    text-decoration: none;
    top: 0px;
    position: relative;
    /*box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4) inset;*/
    color: #fff !important;
    background-image:none !important;
    background:none !important;
    filter:none;
    background-color: #325C8E !important; /* #06325E !important;*/
    text-shadow: 1px 1px 2px #333;
    border-image-source: none;
    border: 1px solid transparent;
    height: 38px;
    
}

li.menu{
    display: inline-block;
    padding: 0px;
    float: left;
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    vertical-align:top;
    position: relative;
}



li.menu.selected,li.menu:hover {
    top: 0px;

    position: relative;
    height: 28px;
    overflow: hidden;


}
#img_logo_peu{ display: block; margin: 0 auto; border: 0; margin-bottom: 20px; margin-top: 10px;}


ul.menu_peu{ margin: 0 auto; list-style: none; list-style-position: outside; list-style-image: none ; list-style-type: none; padding: 0; clear: both; padding: 5px;}
ul.menu_peu li{ margin: 0; padding: 0; padding-right: 4px; margin-right: 4px; border-right: 1px solid #fff; display: inline-block; }

ul.menu_peu.seccions{ text-align: right; float: none; padding: 0px;}
ul.menu_peu.webs{ text-align: center;}

ul.menu_peu a{ color:#fff; text-decoration: none; padding: 0px 2px;}
ul.menu_peu a:hover{ color:#fff;  background-color: #004D85;}

ul.menu_peu.webs{
    font-size: 10px;
}
@media (min-width: 1000px) {
    ul.menu_peu{
        width: 988px; 
    }
}


#css_3tres3_guia_boto_alta{
    top: 0px;
    position: relative;
    height: 28px;
    overflow: hidden;
}
#css_3tres3_guia_boto_alta a{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #eeb4b0;
    border: 1px solid #aaa;
    border-bottom:none;
    margin-top: 4px;
    height:25px;

    line-height: 26px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset;
}


span.fletxa{
    background-image: url('images/24/fletxa.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 12px;
    position: absolute;
    left: 20px;
    top: 24px;
}




ul.menu_superior li.primer{
     /*border-left: 1px solid #ccc;*/

}



ul.menu_superior li a > img{ margin-top: 8px;}


ul.menu_ocult li{ margin: 0;
                         padding: 2px 10px;
                      display: block;
                   font-weight: normal;
                   font-size: 0.8em;
                   float: none;
                   border: none;
                   text-align: left;
                   background-color: #f4f4f4;

}

ul.menu_ocult li:hover{ background-color: #ccc;

/*background-image: url("../images/fons.gif");*/

}


ul.menu a{ color:#000; text-decoration: none;}
span.vermell a{ color:#f00 !important;}
ul.menu a:hover{ color:#004D85; text-decoration: underline;}

/*
#menu_autors li{  height: 32px; padding-left: 50px; position: relative; width: 200px; margin-top: 6px;}
#menu_autors li a{ line-height: 16px; vertical-align: middle; }
#menu_autors img{ vertical-align: middle; position: absolute; right: 220px; height: 32px; width: 28px; border: 1px solid #999; padding: 1px; z-index: 2;}
#menu_autors img.gran{ height: auto; width:auto; border: 1px solid #999; z-index: 3; width: 80px; height: 100px;  }
*/

#menu_autors img{ vertical-align: middle; /*position: absolute; right: 220px;*/ height: 32px; width: 28px; border: 1px solid #999; padding: 1px; z-index: 2;}


#nav_economia h3{ background-image: url('images/16/economia.png'); background-position: 4px 4px; background-repeat: no-repeat; padding-left: 24px;}
#nav_herramientas h3{ background-image: url('images/16/settings.png'); background-position: 4px 4px; background-repeat: no-repeat; padding-left: 24px;}
#nav_autors h3{ background-image: url('images/16/autor.png'); background-position: 4px 4px; background-repeat: no-repeat; padding-left: 24px;}

#nav_autors_art h3{ background-image: url('images/16/autor.png'); background-position: 4px 4px; background-repeat: no-repeat; padding-left: 24px;}


#nav_seccions h3{ background-image: url('images/16/seccio.png'); background-position: 4px 4px; background-repeat: no-repeat; padding-left: 24px;}

#nav_serveis h3{ background-image: url('images/16/servicios.png'); background-position: 4px 4px; background-repeat: no-repeat; padding-left: 24px;}
#nav_anell h3{ background-image: url('images/16/anell333.png'); background-position: 4px 4px; background-repeat: no-repeat; padding-left: 24px;}
#nav_comunidad h3{ background-image: url('images/16/comunidad.png'); background-position: 4px 4px; background-repeat: no-repeat; padding-left: 24px;}

/*
#nav_serveis ul.menu,#nav_serveis ul.menu, #nav_tags ul.menu{width:120px;}
#nav_comunidad ul.menu,#nav_anell ul.menu{width:140px;}
*/


nav.bloc_menu:hover h3{  color: #000;}
nav.bloc_menu:hover { background-color: #DDD;}

#column2 nav.bloc_menu { background-color: #fff;

background-image: url("images/fons-capcalera-menu.png");
background-repeat: repeat-x;
background-position: top;
}
#column2 nav.bloc_menu h3 { color: #000;}
#column2 nav.bloc_menu:hover { background-color: #DDD;}


img.autor{ height:32px; padding:1px; border: 1px solid #999; vertical-align: middle;}
img.autor.gran{ height:auto; }





ul.paginacio{ list-style: none; list-style-position: outside; list-style-image: none ; list-style-type: none; margin: 0; padding: 0; height: 1.4em;clear: both;
               border-bottom: 1px solid #ddd; /*border-top: 1px solid #ddd;*/ margin-bottom: 1.4em;
               background-image: url("../images/fons_art2.gif"); background-repeat: repeat-x;
               background-position: 0 1px;
               background-color: #fff;

}
ul.paginacio li{ margin: 0; padding: 0; float: left; margin-right: 2px; border-radius: 0.8em; }
ul.paginacio li.actual{ background-color:#004D85; }
ul.paginacio li a{color:#aaa; width: 32px; height: 1.4em; text-align: center; line-height: 1.4em; display: inline-block; text-decoration: none; border: 1px solid transparent;border-radius: 0.8em; }
ul.paginacio li.actual a{/* text-decoration: underline;*/ color: #fff;font-weight: bold;}
ul.paginacio li a:hover{ color: #004D85; border: 1px solid #004D85; }
ul.paginacio li.actual a:hover{ color: #fff; }




ul.resum_seccions{ list-style: none; list-style-position: outside; list-style-image: none ; list-style-type: none; margin: 0; padding: 4px; /*border-left: 1px solid #999; border-right: 1px solid #999;*/  }
ul.resum_seccions li{ margin: 0; padding: 0; display: inline-block; padding-left: 0px; background-image: none; margin-right: 6px; width: 176px; font-size: 0.8em;}
ul.resum_seccions li.selected{ /*background-image: url("../images/check.png"); background-repeat: no-repeat; padding-left: 18px;*/ font-weight: bold }
ul.resum_seccions a{ color:#333; text-decoration: none;}
ul.resum_seccions a:hover,ul.resum_seccions li.selected a{ color:#004D85; text-decoration: underline;}

h1{ font-weight: bold; color:#000;  margin: 20px 0px; /*width:100%;*/ font-size: 1.8em;}
h2{  font-weight: bold; color:#004D85; font-size: 1.3em;}
h3{ font-weight: bold; color:#000; }

@media(min-height:1000px){
    h1,h2{
        font-size: 17px;
        line-height: 30px;
    }
    h3{
        font-size: 17px;
        line-height: 20px;
    }    
}


a{color:#004D85; text-decoration: none;}
a:hover{text-decoration: underline;}


#background{ width: 100%; height: 100%; position: fixed; z-index: -100; left:0; top:0; display: none;}
#background img{ width: 100%; height: 100%;}

.fitxa_article, .fitxa_autor{ margin-top: 10px;}

.fitxa_article ,
.fitxa_article_llistat,
.fitxa_autor_llistat,
.fitxa_autor{
    padding-left: 14px;
    padding-right: 14px;
}

.fitxa_article{
    background-color: #fff;
    background-image:url("../images/fons_art.gif");
    background-repeat: repeat-x;
    padding-top: 14px;
    position: relative;
    border: 1px solid #999999;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.fitxa_article header{
    max-width: 610px;
}


.fitxa_autor_llistat{

}

.fitxa_article_llistat{margin-bottom: 20px;
                       background-image:url("../images/fons_art.gif");
                       background-repeat: repeat-x;
                       padding-top: 14px;
                      background-color: #fff;
                      border: 1px solid #999;
                      display: block;
                      padding-bottom:1.2em;
                       box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.fitxa_article  h1, .fitxa_article_llistat h1, .fitxa_autor  h1{ margin: 0; float: none; font-size: 1.5em; line-height: 1.2; }
.fitxa_article  h2, .fitxa_article_llistat h2, .fitxa_autor_llistat h2{ margin: 0; /*padding-right: 55px;*/ font-size: 1.3em; line-height: 1.2; }

.fitxa_article  a, .fitxa_article_llistat a, .fitxa_autor_llistat a{ color: #000;/*#004D85;*/ text-decoration: none; }
.fitxa_article  a:hover, .fitxa_article_llistat a:hover, .fitxa_autor_llistat a:hover{ color: #004D85; }


.fitxa_home_1{ margin-left: 0px; }
.fitxa_home_2{ margin-left: 0px; }

.fitxa_article_llistat.buscador div.capcalera_article{ width: 530px;}

.capcalera_article .data_article{ font-size: 0.8em;}
.capcalera_article .hace{ font-size: 0.8em;}

img.home_llarga{ display: block; margin: 0 auto; width:100%;}
img.home_quadrada{ float:left; max-height: 120px;max-width: 120px;  margin-right: 8px;}


.fitxa_home_1 img.home_llarga{width: 100%; position: relative;}
.fitxa_home_2 img.home_llarga{width: 100%; position: relative;}


.fitxa_article_llistat.buscador img.home_llarga{max-width: 534px;}

img.home_llarga,img.home_quadrada{border: none;}

.div.fitxa_article article section{ text-align: justify;}

.div_tabs{height:35px;width: 100%; border-bottom: 1px solid #999;}
.div_tabs_buscador{height:70px;width: 100%; border-bottom: 1px solid #999;}
ul.buscador{list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; margin-top: 10px; width: 100%;}
ul.buscador li{ display: inline-block; margin-right: 10px; margin-bottom: 10px; width: 120px; text-align: center;  background-color: #2C4878; padding: 5px; background-image: url("../guia/deg-40.png"); background-repeat: repeat-x; background-position: 0 -1px; border: 1px solid #999;}
ul.buscador li.selected{ background-image: none; font-weight: bold; }
ul.buscador li a{ color:#000;}
ul.buscador li.selected a{color: #fff;}

.fitxa_autor_llistat{padding:15px;}
.fitxa_autor_llistat{
            min-height: 120px;
                    clear: both;
                    background-repeat:repeat-x;
                    background-image: url("../images/fons_art.gif");
                    margin-left: 30px;
                    margin-bottom: 15px;
                    background-color:#fff;
                    border: 1px solid #ccc;
                box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.fitxa_autor_llistat h2{
    background-image: none !important;
    border: none !important;
    line-height:20px !important;
    padding-left: 0px !important;
}


.fitxa_autor_llistat img{height: 120px;}
.fitxa_autor_llistat div.foto{  float:left; width:100px;height: 120px;}
.fitxa_autor_llistat div.desc{float:left; margin-left: 20px; width:360px;}


.fitxa_autor{padding:15px; padding-top: 25px; min-height: 250px;
                    background-repeat:repeat-x;
                    background-image: url("../images/fons_art.gif");
             margin-bottom: 20px;
                    background-color:#fff;
                    border: 1px solid #ccc;
                    border-top: none;

    box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4);
}
.fitxa_autor{}
img.foto_autor_fitxa{ float: left; margin-right: 20px; border: 1px solid #999; padding: 2px;}
.fitxa_autor div.desc{float:left;  width:335px; margin-right: 30px;}


div.capcalera_article{
    margin-bottom: 0px;
}

p.idiomes{ float:right;margin: 0px; font-size: 0.8em; color: #666;}
p.idiomes img { vertical-align: middle; border: none;}
p.idiomes a{ font-weight: bold; color: #3685D5; margin-right: 10px;}
p.idiomes a:hover{ color: #004D85; }

.text_destacat_article.altura_minima{ /*text-align: justify;*/ min-height: 120px;}

.data_article{ color: #666; }
.seccio_article{ margin-right: 10px;}
.hace{ color: #666;margin-left: 4px;}
ul.autors_article span{}
ul.autors_article{ width: 550px; display: inline; list-style-type: none;margin: 0; padding: 0; }
ul.autors_article li{ margin: 0; padding: 0; display: inline; padding-right: 5px; border-right: 1px solid #999; margin-right: 5px; font-weight: bold;}
ul.autors_article li.ultim{border: none;}
.autor{margin-right: 6px;}

a.seccio_article{ color: #004D85; text-transform: uppercase; line-height:17px;}




ul.autors_article a,.font_article{ color: #222;}

a.leer_mas{ float: right; color: #004D85; position: relative; font-size: 0.8em;}
a.leer_mas:hover{ text-decoration: underline; }

#col_1_home{ display: block; overflow: hidden; }
#col_2_home{ display: block;overflow: hidden;}
@media (min-width: 640px) {
    #col_1_home{
        display: inline-block; width:54%;vertical-align: top; margin-right: 1%;
    }
    #col_2_home{
        display: inline-block; width:44%; vertical-align: top; 
    }    
}
/*@media (min-width: 680px) {
    #col_1_home{
        display: inline-block; width: 370px; vertical-align: top; 
    }
    #col_2_home{
        margin-left: 10px; display: inline-block; width: 260px;vertical-align: top; 
    }    
}*/

#col_1_home img,#col_2_home img{
    width: 100%;
    max-width: 100%;
}
@media(min-width:1000px){
    #col_1_home img,#col_2_home img{
        width: auto;
    }
}

.col_1_home{
    display: inline-block; width: 310px; vertical-align: top; 
}
.col_2_home{
    margin-left: 10px; display: inline-block; width: 310px;vertical-align: top;
}

.col_1_home .cont_seccio,.col_2_home .cont_seccio{
    margin-bottom: 10px;
}

.cont_seccio{
    background-color: #fff;
    margin: 0px;
    padding: 10px;
    border: 1px solid #999;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
}
.cont_seccio ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.cont_seccio ul li{
    margin-bottom: 6px;
}

.cont_seccio div.titol{
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    margin-bottom: 10px;
    
    background-color: #CCC;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4), color-stop(100%, #ACACAC));
    background-image: -webkit-linear-gradient(top, #F4F4F4 0%, #ACACAC 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%,#ACACAC 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%,#ACACAC 100%);
    background-image: -o-linear-gradient(top, #F4F4F4 0%, #ACACAC 100%);
    background-image: linear-gradient(top, #F4F4F4 0%, #ACACAC 100%); 
}


.esq{float:left;}
.dre{float:right;}
.linianova{clear: both;}

a.accio{ height:14px; padding:2px; /*padding-left:20px;*/ padding-right:4px; display:inline-block;
	background-repeat:no-repeat; background-position: 3px 0px; cursor:pointer; font-size: 0.9em; font-weight:normal;
        color: #3F3F3F;        
	text-decoration:none; line-height:14px;border:1px solid #C5C5C5; margin: 4px;
        background-color: #D7D7D7;

}
a.accio:hover{ background-color:#325C8E; color:#fff; border-color:#9dACCE;  }

.icona_imprimir{ background-image: url("../images/16/print.png"); background-repeat: no-repeat;  padding-left: 20px !important; }
.icona_descarregar{ background-image: url("../images/16/download.png"); background-repeat: no-repeat; padding-left: 20px !important; }
.icona_post{ background-image: url("images/16/last_post.gif"); background-repeat: no-repeat; padding-left: 20px !important; }
.icona_fav{ background-image: url("images/16/333-fav.png"); background-repeat: no-repeat; padding-left: 20px !important; }
.icona_modificar{ background-image: url("images/16/edit.png"); background-repeat: no-repeat; padding-left: 20px !important; }
.icona_nou{ background-image: url("../images/16/nou.png"); background-repeat: no-repeat; padding-left: 20px !important; }
.icona_borrar{ background-image: url("images/16/trash.png"); background-repeat: no-repeat; padding-left: 20px !important; }
.icona_mail{ background-image: url("images/16/mail.png"); background-repeat: no-repeat; padding-left: 20px !important; }
.icona_clasificats{ background-image: url("../images/16/classified.gif"); background-repeat: no-repeat; padding-left: 20px !important; }
.icona_cursos{ background-image: url("images/16/mis_cursos.png"); background-repeat: no-repeat; padding-left: 20px !important; }
.icona_activitat{ background-image: url("images/16/home_16.png"); background-repeat: no-repeat; padding-left: 20px !important; }
.icona_grups{ background-image: url("images/16/grups.png"); background-repeat: no-repeat; padding-left: 20px !important; }


.css_3tres3_blau1{background-color: #B0CAFF;}
.css_3tres3_blau2{background-color: #004D85;}
.css_3tres3_blau3{background-color: #EBFAFF;}
.css_3tres3_ample{width:100%;}
.css_3tres3_esq{float:left;}
.css_3tres3_dre{float:right;}

.css_3tres3_ocult{display:none;}
.css_3tres3_cursor{ cursor:pointer;}

.linianova{clear:both;}
.ample500{width:500px;}
.max{width:100%;}

.mt30, .css_3tres3_mt30{ margin-top: 30px !important;}
.me20, .css_3tres3_me20{ margin-left: 20px !important;}
.md20, .css_3tres3_md20{ margin-right: 20px !important;}
.mt20, .css_3tres3_mt20{ margin-top: 20px !important;}
.mb20, .css_3tres3_mbe20{ margin-bottom: 20px !important;}
.me10, .css_3tres3_me10{ margin-left: 10px !important;}
.md10, .css_3tres3_md10{ margin-right: 10px !important;}
.mt10, .css_3tres3_mt10{ margin-top: 10px !important;}
.mb10, .css_3tres3_mb10{ margin-bottom: 10px !important;}
.me5, .css_3tres3_me5{ margin-left: 5px !important;}
.md5, .css_3tres3_md5{ margin-right: 5px !important;}
.mt5, .css_3tres3_mt5{ margin-top: 5px !important;}
.mb5, .css_3tres3_mb5{ margin-bottom: 5px !important;}

.pe20, .css_3tres3_pe20{ padding-left: 20px !important;}
.pd20, .css_3tres3_pd20{ padding-right: 20px !important;}
.pt20, .css_3tres3_pt20{ padding-top: 20px !important;}
.pb20, .css_3tres3_pbe20{ padding-bottom: 20px !important;}
.pe10, .css_3tres3_pe10{ padding-left: 10px !important;}
.pd10, .css_3tres3_pd10{ padding-right: 10px !important;}
.pt10, .css_3tres3_pt10{ padding-top: 10px !important;}
.pb10, .css_3tres3_pb10{ padding-bottom: 10px !important;}

.tal{ text-align: left;}

.vermell{ color: #ff0000}
.verd{ color: #009900}
.taronja{ color: #ff8c00 !important;}

.css_3tres3_vermell{ color: #ff0000}
.css_3tres3_verd{ color: #009900}

.css_3tres3_missatge_usuari{ font-family:Tahoma,Verdana,Segoe,sans-serif; font-size: 0.8em; }

.div_contingut_complet{width:750px; margin: 0 auto;}
.div_barra_lateral_1{width:187px; float: left; background-color: #f7f7ff;}
.div_contingut_1{width:560px; float: left;}

/************************ Recuadre amb titol (h2) ************************/
.div_recuadre{border:1px solid #003399; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; float:left; }

.div_recuadre h2{
    width:100%; height:24px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;
    background-color: #003399; text-align: right; margin:0; margin-bottom: 20px; line-height: 24px;
}

/************************ Recuadre registrate d'usuari ************************/
#div_barra_registrate{}
#div_barra_registrate p{margin-left: 20px;}
#div_barra_registrate input{border: 1px solid #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; background-color: #FFFFFF; color: #000099;}
#div_barra_registrate input{float:left;}
#div_login_nuevo{margin-left: 20px;float:left;}
#div_login_login{margin-left: 20px; margin-top: 20px;float:left;}
#input_submit_login{margin-left: 110px;}
#lbl_email{float:left; width: 100px; text-align: right; display: block; margin-right: 10px;}
#lbl_password{float:left; width: 100px; text-align: right; display: block; margin-right: 10px;}

.input_email{width:120px; }
.input_password{width:80px;}

#div_login_missatge_barra_registrate,#div_password_missatge_barra_registrate{font-family: Tahoma; font-size: 11px; text-decoration: none; line-height:24px; float: left; clear: both; margin-bottom: 20px;}
#div_password_missatge_barra_registrate{margin-left: 20px;}

.css_3tres3_div_login_compacte{ font-size: 11px;}

/************************ Barra superior d'usuari ************************/
#div_barra_usuari{
    /*display:none;*/
    background-color: #000;
    color:#fff;
    line-height: 40px;       
    display:block; 
}
@media(min-width:1000px){
    #div_barra_usuari{
        

        margin: 0 auto; 
        height:40px;
        position: fixed;
        top:0px;
        left:0px;
        right:0px;
        z-index:90;
        

        overflow: hidden;
    }
}

#div_barra_usuari.logat{
    background-color: #181a1d;/*508ED3;*/
    box-shadow: 0px 1px rgba(255,255,255,0.2);
}

#div_barra_usuari input,div.css_3tres3_div_login_compacte input{ margin-top:4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000099;}

#div_barra_usuari ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;    
}
#div_barra_usuari ul li{
    margin: 0px;
    padding: 0px;
    float:left;
    
}
#div_barra_usuari ul li a{
    padding: 0px 8px;
    line-height: 40px;
    /*width:120px;*/
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color:#eee;
}
#div_barra_usuari ul li a img{
     vertical-align: middle;
     margin-right: 4px;
     opacity: 0.5;
}
#div_barra_usuari ul li a span{
     display: none;
}
@media(min-width:1000px){
    #div_barra_usuari ul li a span{
         vertical-align: middle;
         margin-left: 2px;
         display: inline-block;
    }
}


#div_barra_usuari ul li a:hover img{
     opacity: 1.0;
}
#div_barra_usuari ul li a:hover{
     color:#fff;
}

#div_barra_usuari span.alies_usuari{
    display: inline-block;
    font-weight: bold;
    vertical-align: middle;
}


#div_form_password{display:none;background-color: #eee; color: #333; font-family: Tahoma; font-size: 11px; text-decoration: none; line-height:24px; position: absolute; right: -2px; top:24px; border: 1px solid #666; border-top: none; padding: 6px; z-index: 99; }
#div_form_password p{ margin: 0;}

#div_barra_usuari a{text-decoration: none; }

#div_barra_usuari.logat a{color: #fff;display: inline-block;}
#div_barra_usuari.logat a:hover{
    /*font-weight: bold;*/
    background-color: #444;
}


#div_barra_usuari a.logout{
    margin-left: 10px;
    font-size: 8pt;
    color:#eee;
    
    display: inline-block;
    width:16px;
    height: 16px;
    
    background-image : url('images/16/logout_b.png');
    background-repeat: no-repeat;
    
    vertical-align:middle;
}

#div_barra_usuari span.frase_usuarios{
    margin-right: 30px;
    display: inline-block;
    line-height:16px;
    vertical-align: middle;
}
#div_barra_usuari span.frase_usuarios span.num{
    font-weight: bold;
    display: block;
    font-size: 11pt;
}

#div_barra_usuari span.frase_servei{
    display: none;
    line-height:16px;
}
#div_barra_usuari div.wrap{
    margin: 0 auto;
    position: relative;
    padding: 0px 0px;
}
@media(min-width:1000px){
    #div_barra_usuari div.wrap{
        width:1000px;
    }    
    #div_barra_usuari span.frase_servei{
        display: inline-block;
        font-size: 10pt;
        vertical-align: middle;
    }
}

#div_barra_usuari a.boto-verd{
    margin-right: 20px;
    text-transform: uppercase;
}


#div_barra_usuari_link_registrar{ padding-right: 10px; border-right: 1px solid #fff; margin-right: 10px;}

a.link_registrar{font-weight: bold; color:#ff8c00 !important;}

#div_login_missatge{color: #ffffff; font-family: Tahoma; font-size: 11px; font-weight: bold; text-decoration: none; line-height:24px; margin-left: 4px; position: absolute; left: 310px; top:20px; z-index: 20;}

#div_barra_usuari .input_submit,div.css_3tres3_div_login_compacte .input_submit{ color:#000;  }

#div_barra_usuari .input_email{width:120px; border: 1px solid #004D85; }
#div_barra_usuari .input_password{width:55px; border: 1px solid #004D85;}

#div_barra_usuari .checkbox{background-color: transparent; border: none;}

div.nom_usuari{ display: block;
                position: absolute;
                top:0px; right:120px;
            margin-left: 120px;
            background-image: url('../images/boto_capcalera.png');
            background-position: top;
            width:335px;
            padding-left: 15px;
            cursor: pointer;
}
div.nom_usuari:hover{ background-position: bottom;}
#div_boto_logout span{
              background-image: url('images/16/logout.png');
              padding-left: 18px;
              background-repeat: no-repeat;
              display: inline-block;
              height: 16px;
              line-height: 16px !important;
              margin-top: 6px;
              width: 60px;
}
div.boto_barra_superior{
        display: inline-block;
        background-image: url('../images/boto_capcalera.png');
        background-position: -5px 0px;
        cursor: pointer;
        padding-left: 10px;
        padding-right: 10px;
}
div.boto_barra_superior:hover{
    background-position: -5px 100%;
}
#div_boto_logout{position: absolute; right:-4px; top:0px; }

#imatge_usuari_barra{float: left; margin-right: 6px; border: 1px solid #000; height: 25px; margin-top: 1px;}
div.nom_usuari .alias{ font-weight: bold;}

span.comentaris_article a{color: #FF8C00; float: right;}

.fitxa_article span.comentaris_article a{ margin-left: 20px;}

span.comentaris_article a:hover{color: #FF8C00 !important; text-decoration: underline !important;}

span.seccio_article a:hover{ text-decoration: underline;}

span.num_total_articles{ margin-left:5px;}

#div_accions_barra_superior{ position:absolute; right: 4px; top: 0px;}

.css_3tres3_div_login_compacte {
    background: url("../images/barra_registre.png");
    clear: both;
    font-family: Tahoma,Verdana,Segoe,sans-serif;
    font-size: 0.8em;
    line-height: 15px;
    padding:45px 10px 10px;
    width: 450px;
    height: 165px;
    position: relative;
    color:#333;
    margin: 0 auto;
}

.css_3tres3_div_login_compacte .titol{font-weight: bold; color:#000; margin-right: 6px;}
.css_3tres3_div_login_compacte p.instruccions { position: absolute; left: 80px; top: 0px; color: #f00; width: 320px;}

.css_3tres3_div_login_compacte p,.css_3tres3_div_login_compacte form{margin: 0px;}

/************************ Fotots usuari ************************/
img.foto_usuari{border: 1px solid #666; padding: 1px; background-color: #fff; max-width: 82px; max-height: 82px;}
div.comentari img.foto_usuari{ width:32px; height: 32px;  margin-right: 6px; position: absolute; left:10px; top: 10px;}
#div_comentari img.foto_usuari{ position: absolute; right:10px; top: 30px; left:auto; display: none; }
div.css_3tres3_div_login_compacte img.foto_usuari{ position: absolute; right:10px; top: 10px;}

/************************ Formulari d'usuari ************************/
.blau1{background-color: #EBFAFF;}
.blau2{background-color: #fff;}
.gris1{background-color: #f4f4f4;}

.div_label_form_usuari{ width:250px; text-align:right; margin-right:5px; float: left;}
.div_label_form_usuari_checkbox{ width:160px; text-align:left; margin-right:5px; float: left;}
.div_label_desc_llista{ width:580px; text-align:left; float: left;}


/*
@media(min-width:1000px){
    #fs_nou_usuari #input_datos_usuario_email{width:360px; font-size:14pt; }
    #input_datos_usuario_password,#input_datos_usuario_confirmar_password{width:80px; margin-right: 5px;}
    #input_datos_usuario_enviar{ margin-left: 200px; margin-top: 10px !important; margin-bottom: 10px;}
    form.datos_usuario p{ line-height: 12pt;}
    form.datos_usuario input,form.datos_usuario select{ width:auto; }
    
    #input_datos_usuario_email,#input_datos_usuario_direccion{width:200px;}
}
#input_tipus_activitat_0,#input_tipus_activitat_1{
    width:auto; 
}
form.datos_usuario p{ padding-left:10px; padding-right: 10px;}
form.datos_usuario input,form.datos_usuario select{ font-size: 10pt;  width:100%; }
form.datos_usuario label.selected{ color:#D55F2C; }


@media(min-width:1000px){
    form.datos_usuario input,form.datos_usuario select{ width:auto;   }
}
*/
form.datos_usuario fieldset{ border:none; border-top: 1px solid #ddd; margin-bottom: 10px; padding: 5px 0px 10px; margin: 0px;}

#fs_nou_usuari{
    margin-left:-10px;
    margin-right:-10px;
}

@media(min-width:1000px){
    form.datos_usuario fieldset{
        padding: 5px 8px 10px;
        margin: auto;
    }
    #fs_nou_usuari{
        margin: 0px;
    }
}



form.datos_usuario fieldset legend{
    background-image: url("images/fons-capcalera-menu.png");
    color: #000 !important;
}

form.datos_usuario fieldset.listas img.mailing{
    width: 230px;
    height: 100px;
    padding: 2px;
    border: 1px solid #ddd;
    margin-left: 4px;
/*    height: 100px;
    left: 8px;
    top:8px;
    position: absolute;*/
}

fieldset.listas span.mailing{
    /*width: 203px;*/
    /*height: 80px;*/
    padding: 2px;
    /*padding-left: 120px;*/
    position: relative;
    display: block;
    vertical-align: top;
    padding: 6px 0px;
    border-bottom: 1px solid #ddd;
}

fieldset.listas span.mailing input{
    margin-left: 0px;
    margin-top: 1px;

}

fieldset.condiciones p{
    border: none !important;
}

fieldset.condiciones div.captcha{
    background-color: #F7F2C9;
    border: 1px solid #ccc;
    padding:0px 4px;
    margin: 0px auto;
    margin-top: 10px;
    width:600px;
    display: block;
}


span.mailing_portal{
    display: block;
    vertical-align: top;
    position: relative;
    margin-top: 10px;
    border-top: 1px solid #ccc;
}

span.mailing_portal span.portal{

    text-align:center;
    top:6px;
    font-size: 0.8em;
    font-weight:bold;
    color:#004D85;
    
    
}

#div_mailing{
    width:750px;
    height:400px;
    margin-left: -375px;
    margin-top: -200px;
    z-index:303;
}

#div_mailing_capa{
    width:730px;
    height:400px;
    margin-left: -375px;
    margin-top: -200px;
    background-color: transparent;
    z-index:310;

}

#iframe_mailing{
    /*position: fixed;*/
    width:750px;
    height:400px;
    border: none;
    /*left:50%;
    margin-left:-325px;
    top: 30px;
    bottom:30px;*/
    background-color: #fff;
}

fieldset.listas span.mailing span.titol{
    /*display: block;*/
    font-weight: bold;
    /*background-image: url("images/fons-capcalera-menu.png");*/
    
    display: inline-block;
    vertical-align: top;

}
span.mailing a.ultim_mailing{
    color:#3366CC;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
    font-size: 0.8em;
    font-weight: bold;
}


fieldset.listas span.mailing span.descripcio{
    color: #666;
    font-size: 0.8em;
    display: block;
    vertical-align: top;
}

@media(min-width:1000px){
    span.mailing_portal{
        padding-left: 150px;
    }
    span.mailing_portal span.portal{
        position: absolute;
        left:0px;
        width:140px;        
    }
    
    fieldset.listas span.mailing span.descripcio{
        display: block;
          margin-left: 40px;        
    }
}




/*form.datos_usuario fieldset.listas img.mailing:hover{
    width: 300px;
    height: auto;
    z-index: 999;
}*/


form.datos_usuario fieldset.datos{width: 520px; display: inline-block; }
form.datos_usuario fieldset.intereses{width: 210px; display: inline-block; vertical-align: top; }
form.datos_usuario fieldset.comunicados{width: 210px; display: inline-block; vertical-align: top; }

#form_usuari_col1{width: 540px; display: inline-block;vertical-align: top;}
#form_usuari_col2{width: 220px; display: inline-block;vertical-align: top;}


form.datos_usuario fieldset.datos div.datos{position: relative;}
form.datos_usuario fieldset.datos div.col1{float:left; vertical-align: top;}
form.datos_usuario fieldset.datos div.col2{ position: absolute; left:380px; top:0px;}
form.datos_usuario fieldset.datos label{width:180px; display: inline-block; height: 20px; line-height: 20px;}
form.datos_usuario fieldset.intereses label{ font-size: 0.8em;}
form.datos_usuario fieldset.listas label{
    display: inline-block; 
    margin-left: 10px;
    color:#444;


}
label.selected{
    
    color: rgb(36, 137, 197);
}

#div_interesos_sector label{
    width:70%;
    overflow: hidden;
    height: 24px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}


/*form.datos_usuario fieldset.perfil label{width:100px;display: inline-block;}*/
form.datos_usuario fieldset.listas span.desc{ display: inline-block; width: 560px; color:#666;}
form.datos_usuario fieldset legend{ background-color: #004D85; color: #FFFFFF; font-weight: bold; padding: 4px 8px;}
form.datos_usuario fieldset p{ border-bottom: 1px solid #ddd; margin: 0; padding: 6px; }
form.datos_usuario fieldset.listas img.portal{display:block;}

#span_usuario_email{
    display: block;
    margin-top: 10px;
    text-align: right;
}

form.datos_usuario fieldset.perfil div{vertical-align: top;}
form.datos_usuario fieldset.perfil div.col2{margin-left: 20px;}
form.datos_usuario fieldset.perfil div.alias{ width: 380px;}
form.datos_usuario fieldset.perfil p{ border: none;}

#input_datos_usuario_actividad,#input_datos_usuario_id_pais{ width: 175px; }

#span_perfil_text{ 
    display: block;
    vertical-align: top;
    padding-left: 20px;
    margin-bottom: 20px;
}


#span_wrap_perfil_foto{
    display:none;
}

#span_perfil_foto{ 
    vertical-align: top; 
    width:170px; 
    display:none;
    /*background: -moz-linear-gradient(center left , #9FC1E8, #FFF) repeat scroll 0 0 transparent;*/
    
    padding: 10px;
    padding-top:0px;
    position: absolute;
   
}
@media(min-width:830px){
    #span_wrap_perfil_foto{
        display:inline-block;
        position: relative;
        vertical-align: top;
    }
    #span_perfil_text{ 
        display: inline-block;
        width: 510px; 
    }

    #span_perfil_foto{ 
        display:inline-block;
    }
    #div_sub_menu_superior.usuari{
        display: none;
    }
    #div_sub_menu_superior.clasificados{
        display: none;
    }    
}

#form_mi_perfil #span_perfil_foto{ 
    position: static;
}

#li_baja{
    margin-top: 40px;
}

div.wrap_foto_usuari{ float: none !important; width: 160px; padding: 2px; padding-bottom:0px; background-color:#fff; border: 1px solid #999; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8); }
div.wrap_foto_usuari img.foto_usuari{padding: 0px; border: none; max-width: 160px; max-height: 300px;}

#input_fitxer_foto{ margin-top: 20px; margin-bottom: 10px; font-size: 7pt;}

.div_linia_baja{float:left; color:#ff0000; border-bottom: 1px solid #ff0000; border-top: 1px solid #ff0000; width: 100%;}
.div_baja{float:left; background-color: #fecfcf; width: 100%;clear: both;}
.div_baja p{padding-left: 20px;}


.blau1 .checkbox{background-color: #B0CAFF !important; border: none !important;}
.blau2 .checkbox{background-color: #004D85 !important; border: none !important;}
.blau3 .checkbox{background-color: #EBFAFF !important; border: none !important;}



div.imatge_buscador{ float:left; margin-top: 20px; width:170px; height:160px; padding-bottom: 20px;position: relative;  }

div.imatge_buscador .wrap_imatge{width: 170px; height: 128px; display: table-cell; vertical-align: bottom;}
/*div.imatge_buscador img{background-image: url("../images/fons_imatge.png"); height: 112px; width: 170px; float: left; clear: both; padding-left: 3px; padding-top: 6px;padding-right: 3px; padding-bottom: 6px;}*/
div.imatge_buscador img{ padding: 3px; border:1px solid #999; cursor: pointer; margin: 0 auto; display: block; }
div.imatge_buscador .descripcio{ float:left; display: block; height: 32px; line-height: 16px; overflow: hidden; color:#666;}
.imatge_buscador .info_imatge{display:none;}

.imatge_buscador .info_imatge{ position: absolute; left:0px; top:0px; width:200px; color:#666; border: 1px solid #666; background-color: #fff; z-index: 40; padding: 4px; overflow: hidden;}
.imatge_buscador .info_imatge a{color:#000; text-decoration: none;}
.imatge_buscador .info_imatge a:hover{color:#004D85; text-decoration: underline;}
.imatge_buscador .info_imatge span.seccio_article a{color:#004D85; text-decoration: none; text-transform: uppercase;}
.imatge_buscador .info_imatge span.seccio_article a:hover{color:#004D85; text-decoration: underline;}

ul.tabs { margin:0; padding:10px 10px 0 0px; list-style:none; height: 25px; }
ul.tabs li { display:inline; margin:0; padding:0; }
ul.tabs a { float:left; background:url("../images/tableftJ.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none !important; }
ul.tabs a span { float:left; display:block; background:url("../images/tabrightJ.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#004D85; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul.tabs a span {float:none;}
/* End IE5-Mac hack */
ul.tabs a:hover span { color:#fff; }
ul.tabs a:hover { background-position:0% -42px; }
ul.tabs a:hover span { background-position:100% -42px; }

ul.tabs a.selected { background-position:0% -42px !important; }
ul.tabs a.selected span { background-position:100% -42px !important; color:#fff; }


div.comentari{}

.text_comentari{}
.zona_comentari{}
#div_comentari{clear: both; background-color: #F8F8F8; border: 1px solid #ddd; padding: 0 10px; -moz-border-radius : 10px; position: relative;
}


@media (min-width: 1000px) {
    #div_comentari{
        width: 588px;
    }
    #div_comentari img.foto_usuari{
        display: block;
    }
    
}


div.comentari{ background-image: url("../images/capcalera_article.png");  padding: 10px; padding-right: 0; background-repeat: no-repeat; position: relative; /*border-right: 1px solid #DDDDDD;*/ margin: 0;}
div.comentari_fill{padding: 10px 0 10px 20px; position: relative; background-image: url("../images/capcalera_comentari.png"); background-repeat: no-repeat; margin: 0; }

@media(min-width:1000px){
    div.comentari{
        width: 560px;
    }
    div.inf_comentari{
        min-width:440px;
    }
}

div.inf_comentari{ padding-left:45px;  /*min-height: 52px;*/ padding-bottom:6px;}
div.inf_comentari span.nom{ clear: both; font-weight: bold; margin-right: 10px;}
div.inf_comentari span.data{clear: both; margin-right: 10px;}
div.inf_comentari span.hace{clear: both; float: none; margin-left: 0px; margin-right: 10px;}
.text_comentari{ display: block; }

#inp_com_comentarios{ width: 100%;}
@media (min-width: 1000px) {
    #inp_com_comentarios{ width: 300px;}
}

#inp_com_nombre{}
#inp_com_email{ width: 180px;}

#inp_com_captcha{ margin-left: 10px; width:100px;}

#div_comentari .label{ width: 120px; display: inline-block;}
#seccio_comentaris a{ color: #2C4878;}

div.header_comentari{}

p.captcha img{ display: inline-block; position: relative; top:12px;}
#lbl_com_comentarios{ display: inline-table; vertical-align: top;}

p.enviar{ border-top: 1px dotted #999; padding-top: 6px;}
#error_comentaris{ color:#f00; margin-left: 10px;}


/*
div.vevent{ min-height: 120px; position:relative; padding-left: 175px; padding-top: 7px; margin-bottom: 10px; background-image: url("../images/capcalera_agenda.png"); background-repeat: no-repeat;}

div.vevent .dtstart{ width: 75px; height:56px; padding-top: 4px; position: absolute; left: 4px; top:7px; border: 1px solid #B7CDDD; text-align: center; background-image: url("../images/fons_dia.png"); background-repeat: no-repeat; color:#004D85; line-height: 13px;}
div.vevent .dtend{ width: 75px; height:56px; padding-top: 4px; position: absolute; left: 84px; top:7px; border: 1px solid #B7CDDD; text-align: center; background-image: url("../images/fons_dia.png"); background-repeat: no-repeat; color:#004D85; line-height: 13px;}

div.vevent h2{margin-top: 0px; margin-bottom: 10px; font-size: 15px;}

div.vevent .geo{ display: block; border:none; text-decoration: none; color:#333; }
div.vevent a.url{ display: block; text-decoration: none; color:#666; }


div.vevent img.gcalendar{ position: absolute; left: 10px; top: 80px;}

*/
div.vevent{/*width:550px; padding-left: 10px;*/}

div.vevent div.header{ min-height: 120px; position:relative; padding-left: 175px; padding-top: 7px; margin-bottom: 10px; background-image: url("../images/capcalera_agenda.png"); background-repeat: no-repeat;}

div.vevent div.header .dtstart{ width: 75px; height:56px; padding-top: 4px; position: absolute; left: 4px; top:7px; border: 1px solid #B7CDDD; text-align: center; background-image: url("../images/fons_dia.png"); background-repeat: no-repeat; color:#004D85; line-height: 13px;}
div.vevent div.header .dtend{ width: 75px; height:56px; padding-top: 4px; position: absolute; left: 84px; top:7px; border: 1px solid #B7CDDD; text-align: center; background-image: url("../images/fons_dia.png"); background-repeat: no-repeat; color:#004D85; line-height: 13px;}

.dtend.noshow{ visibility:hidden;}

div.vevent div.header h1{margin-top: 0px; margin-bottom: 10px; font-size: 15px;}

div.vevent div.header a.summary{ font-weight: bold; color:#004D85;font-family: Trebuchet,Arial,Helvetica,sans-serif; margin-top: 0px; font-size: 15px; text-decoration: none; height: 40px; vertical-align: middle;}


div.vevent div.header .geo{ display: block; border:none; text-decoration: none; color:#333; }
div.vevent div.header a.url{ display: block; text-decoration: none; color:#666; word-break: break-all; }

div.vevent div.header img.photo{float:right; border: 1px solid #999; padding: 1px; width:70px;}

div.vevent div.header img.gcalendar{ position: absolute; left: 10px; top: 80px;}

div.vevent img.photo.gran{float:left; border: 1px solid #999; padding: 1px;  margin-right: 10px;}

div.vevent.fitxa div.description{ min-height: 105px;}


#map_canvas{ border: 1px solid #004D85; margin-bottom: 20px;  height: 300px;}







div.signatura{ border-top: 1px solid #aaa; margin-top: 10px; margin-right: 10px; font-size: 7pt; background-color: #eee; padding-bottom: 4px; padding-left: 6px;}
div.signatura p{ margin: 4px 0;}



#comments{padding: 0px; padding-left: 20px;background-image: url('images/16/comments.png'); background-repeat: no-repeat;}


ul.autors_usuari{margin: 0; padding: 0; list-style-type: none;}
ul.autors_usuari li{ margin: 0; padding: 0; display: inline-block; margin-right: 20px;}

div.novetats_autor{ padding-left: 80px; position: relative; min-height: 80px; margin-top: 10px;}
div.novetats_autor img{ height: 80px; border: 1px solid #999999; padding: 1px; position: absolute; top: 4px; left: 4px;}

div.titol_novetats{ font-weight: bold; margin-top: 20px;}


a.dejar_seguir{ color: #999; margin-left: 10px;}

div.menu_home_usuari{  background-repeat: repeat-x; background-position:0 -1px; padding-top: 0px; position: relative;/* height: 80px;*/  }
div.menu_home_usuari img{margin: 10px; position: absolute; left:0px; top: 0px;}
div.menu_home_usuari h2{ padding: 10px; margin-bottom: 0px;}

ul.menu_usuari{
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-right: -10px;
}
ul.menu_usuari li{
    position: relative;
    
}
ul.menu_usuari li a span{
    padding-left: 28px;
    display: block;
}

ul.menu_usuari img{ position: absolute; left: 4px; top: 8px; border: none;}

#menu_tags h3 img{ float: left; margin-top: 4px; margin-right: 4px;}


span.destacado{ font-style: italic; color:#004D85;}
span.subtitulo{ color:#004D85; font-weight: bold; font-size: 14px;}
span.texto-pequeno{font-family: Arial,Helvetica,sans-serif; font-size: 0.8em; }

span.paraula_buscador{background-color: #f9dd34;}



footer.nom_seccio{ text-transform: uppercase;}
footer.nom_seccio a{ color:#004D85; }
footer.img{ border: 0;}



a.boto_taronja{ background-image: url('../images/boto-taronja.png'); background-repeat: no-repeat; width:96px; height: 22px; display: inline-block; line-height: 22px; text-align: center; color:#fff; text-transform: uppercase; font-weight: bold;}


div.accions{ width:100%; /*height: 24px;*/ padding: 4px 0px; border-top: 1px solid #ddd; border-bottom:1px solid #ddd;  margin-top: 4px;}


div.accions a.accio{
    margin-top: 0;
    border:1px solid #C5C5C5;
    line-height: 22px;
    height: 22px;
    padding: 0px 4px;
    background-position: 3px 3px;
    vertical-align: middle;
}

div.accions span.megusta.article{
    display: inline-block;
    margin: 4px;
}
div.accions span.megusta.article img.usuari_mini{
    box-shadow: none;
    margin-right:-1px;
}
div.accions span.megusta.article button{
    margin-left: 2px;
}

div.addthis_toolbox{ margin-top: 4px; width:85px;}

span.enviar_amigo{ position:relative;  }
#div_enviar_articulo{ display: none; background-color: #fff; border: 1px solid #ddd; border-top: none;
                      padding: 4px; font-size: 0.8em; color:#222; z-index: 99;
                      position: absolute; top: 34px; left: 0px; width:350px;}
#div_enviar_articulo input{ font-size: 0.8em; color: #004D85;margin-left: 10px;}
#div_enviar_articulo button{margin-left: 10px;}
#form_compartir{ display: inline; }

div.tags_article,#articles_relacionats,#seccio_comentaris,#div_articles_seccio{border-top: 1px solid #ddd;  margin-top: 10px; padding: 4px; /*background-image:url("../guia/deg-40.png"); background-position:0 -20px; background-repeat: repeat-x;*/}

div.tags_article{border-bottom: 1px solid #ddd;  margin-bottom: 10px;
    background-image: url("../images/fons_art_blanc.gif");
    background-repeat: repeat-x;
}
#articles_relacionats{
    background-image: url("../images/fons_art_blanc.gif");
    background-repeat: repeat-x;
}

.fons_linia_blava{
    background-image: url("../images/fons_art_blanc.gif");
    background-repeat: repeat-x;
}

div.tags_article h3{ text-transform: uppercase; display: inline-block; padding: 0px; padding-left: 20px; margin: 0; background-image: url('images/16/tag.png'); background-repeat: no-repeat;}
#articles_relacionats h3,#div_articles_seccio h3,#comments,#div_prods_rel_tenda h3{ text-transform: uppercase; margin-top: 0;}
#form_comentaris h3{text-transform: uppercase; color: #004D85; border-bottom: 1px dotted #999999;margin-top: 4; padding-bottom: 4px; }
ul.articles_relacionats a, ul.articles_seccio a{ color:#4089b3;}
ul.articles_relacionats .hace, ul.articles_seccio .hace{ font-size: 0.8em;}

ul.articles_relacionats,ul.articles_seccio{ color:#4089b3;}

ul.tags_article{ margin: 0; padding: 0; list-style-type: none; display: inline-block;}
ul.tags_article li{ margin: 0; padding: 0; display: inline-block; margin-left: 10px;}

#div_prods_rel_tenda{
    margin-top: 20px;
    padding: 4px;
}

#seccio_comentaris{

    background-image: url("../images/fons_art_blanc.gif");
    background-repeat: repeat-x;


}


div.contenidor_550{ width: 550px; background-color:#d9d9d9;/*#f6f7ff; border: 1px solid #3d72b1;*/  padding:8px; font-size: 0.8em; }
div.contenidor_550 h3{ margin: 0; /*background-color:#3d72b1; color:#3d72b1;*/ color:#000; padding: 0px; font-size: 1em;border-bottom:2px dotted #333;}
div.contenidor_550 ul{ list-style: none; padding-left: 0px;}
div.contenidor_550 ul li{ margin-bottom: 10px;}
div.contenidor_550 ul li span.data{ font-weight: bold;}
div.contenidor_550 ul li a{ color:#000;}








div.contenidor_550 div.vevent{ width: 530px; margin-top: 10px;}
div.contenidor_550 div.vevent div.header{ min-height: 80px;}


a.article_seg{background-image: url('images/16/next.png'); display: inline-block; padding-left: 16px; background-repeat: no-repeat; overflow: hidden; margin:2px 10px;}
a.article_ant{ background-image: url('images/16/prev.png'); display: inline-block;padding-left: 16px; background-repeat: no-repeat; overflow: hidden; margin:2px 10px;}
#div_articles_seccio h3{ }
#div_articles_seccio{
    background-image: url("../images/fons_art_blanc.gif");
    background-repeat: repeat-x;
}
div.art_anterior,div.art_seguent{ 
    display: inline-table;

    padding: 10px;
    height: 50px;
    margin: 10px;
    background-color: #f4f4f4;
    vertical-align: top;
    cursor: pointer;
}
@media (min-width:1000px){
    width: 230px;
}
div.art_anterior:hover,div.art_seguent:hover{
    background-color: #eee;
}
div.art_anterior a,div.art_seguent a{
 color: #4089B3;
}

div.art_anterior:hover a,div.art_seguent:hover a{
 color:#004D85;
}


div.art_anterior span.hace,div.art_seguent span.hace{
    font-size: 0.8em;
    clear: both;
    display: block;
}
div.art_anterior{
    background-image: url('images/32/previous.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 40px;
}
div.art_seguent{
    background-image: url('images/32/next.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 40px;
}


div.favorito{
    border: 1px solid #eee; border-left: none; border-right: none;
    padding: 2px;
    background-image: url('images/16/fav.png');
  background-repeat: no-repeat;padding-left: 20px;
    background-color: #fff;
    border: 1px solid #999;
  color:#333;
}
div.favorito a{ color: #004D85; }




div.obert_tancat{ padding-top: 20px;height: auto; background-image: url('images/16/collapse.png'); background-repeat: no-repeat; background-position: top right;}
div.obert_tancat.tancat{ height: 0px; overflow: hidden; background-image: url('images/16/expand.png'); background-repeat: no-repeat; background-position: top right;}

div.mi20{ margin-bottom: 20px;}

span.wrap_guia_targeta{
    height:10em;
    width:100%;
    cursor: pointer;    
    
}

span.guia_targeta_petita{
      display: inline-block; position: relative;
    /*font-family: Tahoma,Verdana,Segoe,sans-serif; font-size: 0.8em;*/
    display: block;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DDDDDD), color-stop(30%, #EEEEEE), color-stop(30%, #EFEFEF), color-stop(80%, #FFFFFF));
    background-image: -webkit-linear-gradient(top, #DDDDDD 0%, #EEEEEE 30%, #EFEFEF 30%, #FFFFFF 80%);
    background-image: -moz-linear-gradient(top, #DDDDDD 0%, #EEEEEE 30%, #EFEFEF 30%, #FFFFFF 80%);
    background-image: -ms-linear-gradient(top, #DDDDDD 0%, #EEEEEE 30%, #EFEFEF 30%, #FFFFFF 80%);
    background-image: -o-linear-gradient(top, #DDDDDD 0%, #EEEEEE 30%, #EFEFEF 30%, #FFFFFF 80%);
    background-image: linear-gradient(top, #DDDDDD 0%, #EEEEEE 30%, #EFEFEF 30%, #FFFFFF 80%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF)'); 
    
    
    color:#444;
    padding:  8px;
    overflow: hidden;

    vertical-align:top;
}

@media(min-width:1000px){
    span.wrap_guia_targeta{
        width:auto;
        display: inline-block;
    }
    span.guia_targeta_petita{
        height:120px;
        width: 280px;   
        line-height: 15px;
        margin: 10px;
        box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.4);
    }
}

span.guia_targeta_petita img.photo{ position: absolute; right:4px; bottom:4px; width:60px; height: 40px;}

span.guia_targeta_petita .fn{ text-decoration: none; font-weight: bold; color:#004D85;}
span.guia_targeta_petita .url{ text-decoration: none; color: #999;}


ul.menu_usuari{}
ul.menu_usuari li{ line-height: 16px; padding: 8px 0px; }
ul.menu_usuari li a{}

ul.menu_usuari li.selected, ul.menu_usuari li:hover{
    border-right: 3px solid #004D85;
    background-color: #ddd;
}
ul.menu_usuari li.selected a, ul.menu_usuari li:hover a{
    font-weight: bold;
}
ul.menu_usuari li a{
    text-decoration: none;
}



#span_home_usuari{/* background-image: url("../guia/deg-40.png"); background-repeat: repeat-x;*/
                border-top: none;
                padding: 14px;
                margin-bottom:20px;
                margin-left: -14px;
                display:inline-block;
                width:100%;
                background-color: #fff;
                box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
                min-height: 600px;
                border: 1px solid #999;
                
}

@media(min-width:1000px){
    #span_home_usuari{ 
        width:740px;
        margin-left: 190px;
    }
}


#span_home_usuari.activitat{
    width:550px;
}

#span_home_usuari h1,div.dades_usuari h1{
    margin-top: 0px;

    position:relative;
    top: -14px;
    /*margin-top: -14px !important;*/
    margin-left: -14px;
    margin-right: -14px;
    margin-top: 0px;
    margin-bottom: 5px !important;
    padding: 0px;
    padding-left: 10px;
    line-height: 30px;
    height: 30px;    
    font-size: 12pt;
    font-weight: bold;    
    display: block;
    
    color:#fff;
    background-color: #679CD9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #679CD9), color-stop(100%, #325C8E));
    background-image: -webkit-linear-gradient(top, #679CD9 0%, #325C8E 100%);
    background-image: -moz-linear-gradient(top, #679CD9 0%,#325C8E 100%);
    background-image: -ms-linear-gradient(top, #679CD9 0%,#325C8E 100%);
    background-image: -o-linear-gradient(top, #679CD9 0%, #325C8E 100%);
    background-image: linear-gradient(top, #679CD9 0%, #325C8E 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#679CD9', endColorstr='#325C8E)');    
    
}

ul.tabs li span img{ margin: 0; margin-right: 4px; float: left;}

ul.quadrat li span img{ margin: 0; margin-right: 4px; float: left; border: 0;}
ul.quadrat{ list-style-type: none; height: 30px; border-bottom: 1px solid #ccc; margin: 0;}
ul.quadrat li{ float: left;
               padding: 6px 10px;
               background-color:#eee;
            border: 1px solid #ccc;
            position: relative;
            top: 1px;
            border-left: none;
            margin: 0;
            font-weight: bold;
            font-size: 0.8em;
            cursor: pointer;

}
ul.quadrat li.primer{
    border-left:  1px solid #ccc;
}
ul.quadrat li:hover{
    background-color:#f4f4f4;
}
ul.quadrat li.selected{background-color:#fff; border-bottom-color: #fff; }

ul.quadrat.vertical{ border: none; border-right: 1px solid #ccc; display: inline-block;
          height: auto;
            width:63px;
          margin: 0;
          padding: 20px 0px 20px 4px;
}
ul.quadrat.vertical li{ width:100%;
             clear: both;
             text-align: center;
             border-left:1px solid #ccc;
             border-top: none;
             top:0px;
             left: -5px;
             padding: 6px 2px;
}
ul.quadrat.vertical li.primer{
    border-top:  1px solid #ccc;
}
ul.quadrat.vertical li.selected{
    
}

#ul_resultats_buscador li.selected{
    border-right: 3px solid #FF0000 !important;
    margin-left: -1px;
}

#ul_resultats_buscador li a{
    color: #000;
}

#ul_resultats_buscador li.selected a{
    color:#f00;
}

#ul_resultats_buscador li{
    border: none !important;
    background-color: transparent !important;
}


#div_resultats_buscador{ padding-left: 74px; display: inline-block; width:556px; vertical-align:top; padding-top: 20px;width: 556px; min-height:580px;  }

#div_resultats_buscador .fitxa_article_llistat{margin-left: 0px;}

#div_resultats_buscador ul.resum_seccions li{ text-align: center;  }

#div_resultats_buscador ul.resum_seccions{
    background-color: #F7F7F7;
    border: 1px solid #EEEEEE;
}

div.barra_titol{ border-bottom: 1px solid #ccc; padding-left: 20px; }

div.barra_titol span.titol{ display: inline-block; padding:6px 10px;  border:1px solid #508ED3; border-bottom: none;
                  position: relative; top: 1px; background-color: #679CD9; color:#fff;
}
div.barra_titol span img{float: left; margin-right: 4px;}



.fons_gris{
    background-color: #ddd;
}
.fons_blau_clar{
    background-color: #CDD9EB;
}
.bordes_blau{
    border-bottom: 1px solid #508ED3;
    border-top: 1px solid #508ED3;
}


div.resum_usuari{
    margin-bottom: 30px;
}

div.nowrap{
    margin: 0px -14px;
}

h1.nomargin,#span_home_usuari h1.nomargin{
    margin-bottom: -14px !important;
}

div.contingut div.capcalera{
    margin: 0px -14px;
    padding: 14px;
}

.fons_blanc{
    background-color: #fff;
}


#form_buscador_2{ border: 1px solid #ccc;
                  padding: 4px;
                  border-left: none;
                  border-right: none; background-color: #f4f4f4; 
                  height: 20px;
                  padding:10px;
}

span.wrap_buscador{ position: relative; height:24px; width:158px; display: inline-block; margin-left: 20px; margin-right: 10px;  }
span.resultats_buscador{display: inline-block;vertical-align:top; line-height: 24px; }

#form_buscador_2 h1{
    display: inline-block;
    vertical-align:top;
     line-height: 24px;
    width: auto;
    margin: 0;
    padding: 0;
    float: left;
}

#ul_resultats_buscador{ position: absolute;}

div.buscador_ordenacio{ margin-bottom: 10px; padding: 4px 10px; font-size: 0.8em; color: #333; position: relative; }
div.buscador_ordenacio label{ font-weight: bold;}

#div_instruccions{display: none;}


#login_text{
    cursor: pointer;
    position: absolute;
    top:60px;
    color:#000;
    right: 30px;
    font-weight: bold;
}
#boto_area_usuarios{ position: absolute;
        right: 10px;
        z-index: 70;
        line-height: 18px;
        padding: 4px 1px;
        color: #000;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
        cursor: pointer;

}
#boto_area_usuarios:hover{
        background-position: 0px -52px;

}

#imatge_usuari_barra_nova{ 
    position: absolute;
    right: 10px;
    top: 25px;
    padding: 1px;
    height: 75px;
    max-width: 100px;
    
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    padding: 1px;    
}

.pestanya_blau_clar{
    background: #C2D8EF; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9900', endColorstr='#FFFFFF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C2D8EF)); /* for webkit browsers */
    background: -moz-linear-gradient(center top , #FFFFFF, #C2D8EF) repeat scroll 0 0 transparent;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);
}

.pestanya_taronja{
    background: #FF9900; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9900', endColorstr='#FFFFFF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FF9900), to(#FFFFFF)); /* for webkit browsers */
    background: -moz-linear-gradient(center top , #FF9900, #FFFFFF) repeat scroll 0 0 transparent;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);
}
.pestanya_blava{
    
    background-color:#3C6DA4;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);
    
}

div.acces_usuari{
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    right:0px;
    z-index: 99999;
}
/*
@media(min-width:1000px){
    div.acces_usuari{

        position: fixed;
        top: 0px;
        right: 0px;
        z-index: 99999;
        left: 0px;
        bottom: 0px;        

    }
}*/

div.acces_usuari div.header{ background-image: url('images/degradat-blau-registre.jpg');
        background-repeat: no-repeat;
        color:#fff;
}

#div_layer_barra_superior_usuari,#div_barra_superior_usuari{
    position: absolute;
    top: 0px;
    right:0%;
    padding: 4px;
    
    height: 54px;
}
#div_layer_barra_superior_usuari{
    opacity:0.9;
    background-color: #eee;
    z-index: 10;
}
#div_barra_superior_usuari{
    
    font-size: 0.8em;
    z-index: 80;
    height: 46px;
    width: 270px;
    padding-left: 0px;
    padding-top: 6px;


    position: absolute;
    top:0px;
    
    /*
    background-color: #CCC;
    background-color: rgba(204,204,204,0.4);*/
}

@media(min-width:1000px){
    #div_barra_superior_usuari{
        margin-left: 236px;
        display: block;
        left:50%;
    }
}

#div_barra_superior_usuari.logat{
    top:0px;
    width: 200px;
    padding-left: 74px;


}
#div_barra_superior_usuari .boto-gris{
    width:50px;
    
    
}
#div_barra_superior_usuari .boto-taronja{
    max-width:130px;
    
}
@media(min-width:1000px){
    #boto_seccio_usuaris{
        float: right !important;
    }
}
#div_barra_superior_usuari .titol.alias{
       display: block;
      font-weight: bold;
      padding-left: 14px;
       line-height: 13px;
       font-size: 1em;
       margin-bottom: 4px;
       margin-right: 10px;
    color:#fff;
    text-align: right;       
       
       /*margin-bottom: 10px;*/
}

#div_3tres3_usuari .ultima_visita{
    color:#fff;

}

#div_3tres3_usuari a.logout {
    background-image: url("images/24/logout.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px !important;
    padding: 4px;
    width: 60px;
    float: right;
    cursor: pointer;
    font-size: 0.8em;
    position: absolute;
    left:50%;
    margin-left: 40px;
    top: 15px;
    border-right:none;
    width:16px;

}

#div_3tres3_usuari span.frase_usuarios{display: block; color:#fff; margin-bottom: 20px;}

#div_3tres3_usuari .boto-verd{
    width: 140px; margin-right: 20px; text-transform: uppercase;
}
#div_3tres3_usuari .boto-gris{
    width: 100px; margin-right: 20px;
}


#div_barra_superior_usuari a.logout:hover{  background-position: 0px -26px;}
#div_barra_superior_usuari p.accions{ margin: 0; margin-top: 8px; z-index: 11; padding-left: 10px; padding-right: 10px;}
#div_barra_superior_usuari p.accions a.link{margin-right: 1px;}

#div_barra_superior_usuari p.accions a.link:hover, #div_barra_superior_usuari p.accions a.link.selected{
    background-color: #004D85;
    color:#fff;
    text-decoration: none;
}


#div_barra_superior_usuari p.accions a{ background-color: #999; color: #000; }
#div_barra_superior_usuari p.accions a:hover{  }

p.accions{ line-height: 16px;}

.boto_vermell{
        background-image: url('images/boto1.png');
}
.boto_blau{
        background-image: url('images/boto-blau.png') !important;
}
.boto_blau2{
        background-image: url('images/boto-blau2.png') !important;
}

.boto_vermell,.boto_blau{
        width: 92px;
        height: 26px;
        display: inline-block;
        line-height: 24px;
        text-align: center;
        color:#fff !important;
        border:none;
        font-size: 0.8em;
        font-weight: bold;
        background-color:transparent;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        padding-bottom: 2px;
}
.boto_vermell:hover,.boto_blau:hover{
    background-position: 0px -28px;
    text-decoration: none;
}
button.boto_vermell,button.boto_blau{
    background-position: 0px 0px;
    line-height: 22px;
}
button.boto_vermell:hover,button.boto_blau:hover{
    background-position: 0px -28px;
}


div.acces_usuari div.header span{
        position: absolute;
        right: 30px;
        top: 10px;
        font-size: 0.8em;
}

div.acces_usuari div.header{
        height: 80px;
}

div.acces_usuari div.header img{
        margin-left: 20px;
        margin-top: 4px;
}

#boto_registrate_div_registre{
        position: absolute;
        right: 40px;
        top: 30px;
}

div.acces_usuari div.left{
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 0 8px 8px 10px;
    color: #333333;
    float: left;
    font-size: 0.8em;
    height: 219px;
    margin-left: 0;
    width:50%;
    display: none;
}
@media(min-width:1000px){
    div.acces_usuari div.left{
        display: block;
    }
}
div.acces_usuari div.left b{
    color:#000;
    display: block;
}

div.acces_usuari div.right{
    width:100%;
}
@media(min-width:1000px){
    div.acces_usuari div.right{
        width:50%;
        float: left;
    }
}



div.acces_usuari div.right label{
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 6px;
}

div.acces_usuari div.right button.boto_blau{
    margin-top: 10px;

}

.p10{ padding: 10px;}
.ms15{margin-top: 15px;}

div.acces_usuari div.right input{
    font-size: 0.8em;

    margin: 0px;
}

div.acces_usuari div.right p{
    font-size: 0.8em;
}

div.acces_usuari ul{ list-style: none; margin: 0; padding: 0; padding-left: 4px; font-size: 0.8em; }
div.acces_usuari ul li{ margin: 0; margin-top: 8px; padding: 0; background-image: url('images/li.gif'); background-repeat: no-repeat; padding-left: 8px; line-height: 16px; background-position: 0px 3px; line-height: 14px;}
#div_password_acces_usuari{ display: none;}


#div_registre_compacte p.amb_check input,#div_registre_compacte p.amb_check label{
    display: inline-block;
    vertical-align: middle;
}
#div_registre_compacte p.amb_check input{
    margin-right: 4px;
}



@media(min-width:1000px){
    div.acces_usuari div.right input{
    width: 215px;
    }
}

#div_login_acces_usuari{margin: 0; padding: 0;}
#form_login_div_registre{margin: 0; padding: 0;}

div.pantalla_fons{
        position:fixed;
        left:0px;
        top:0px;
        right:0px;
        bottom:0px;
        background-color:#aaa;
        opacity:0.8;
        filter: alpha(opacity = 80);
        z-index:300;
}
div.pantalla_fons2{
    
       /* background-image: url('../images/fons_web/fons_1.jpg');
        background-attachment: fixed;
        background-position: top center;
    background-image: url("images/logo_333_transp_gr.png");
    background-position: 50% -100px;
    background-repeat: repeat-y;*/
    
        position:fixed;
        left:0px;
        top:0px;
        right:0px;
        bottom:0px;
        background-color:#aaa;
        opacity:0.8;
        filter: alpha(opacity = 80);
        z-index:90;
}
div.finestra_popup{
           border: 2px solid #999;
           background-color:#fff;
           position:fixed;
           padding:0px;
           z-index:301;
}
div.quadre_login{
           border: 2px solid #999;
           background-color:#fff;
           position:fixed;
           width:500px;
           height:300px;
           padding:0px;
           left:50%;
           top:50%;
           margin-top:-150px;
           margin-left:-250px;
           z-index:301;
}
#boto_tancar_popup{
        width: 40px;
        height: 40px;
        display: inline-block;
        background-image: url('images/32/close.png');
        z-index:97;
        position: absolute;
        top: -20px;
        right: -20px;
}

a.link{
    background-position: 2px 2px;
    border-left: 1px solid #CCCCCC;
    
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-right: 10px;
    margin-top: 2px;
    padding: 1px 6px;
    text-align: center;
    width: 95px;


}
a.link.final{
    border-right: 1px solid #CCCCCC;
    padding-right: 7px;
}

a.link:hover{
    background-color: #004d85;
    color:#fff;
    text-decoration: none;
}


input.input-buscador{
    border: 1px solid #ccc;
    /*background-image: url('images/fons-buscador.png');
    background-repeat: no-repeat;
    */
    background-color: #fff;
    font-size: 14px;
    color:#666;
    line-height: 18px;
    padding: 0px 6px;
    position: absolute;
    left:0px;
    top:0px;
    height: 20px;
    width: 123px;
    margin:0px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}




#select_buscador_capcalera{

   background-color: #fff;
   border: 1px solid #ccc;
   
   font-size: 1em;
   max-width: 95px;


   /*
width: 122px;
padding: 5px;
   height: 46px;
   padding-top: 10px;
   margin-left: -2px;
   margin-top: -2px;   
   */
   color:#000;

}




.degradat_blau_clar {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #E5F7FD;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E5F7FD));
	background: -moz-linear-gradient(top,  #fff,  #E5F7FD);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#E5F7FD');
}
.degradat_blau_clar:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.degradat_blau_clar:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.degradat_taronja {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.degradat_taronja:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.degradat_taronja:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


.degradat_vermell {
	color: #fef4e9;
	border: none;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#FD6300), to(#BB0000));
	background: -moz-linear-gradient(top,  #FD6300,  #BB0000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FD6300', endColorstr='#BB0000');


}
.degradat_vermell:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#BB0000), to(#FD6300));
	background: -moz-linear-gradient(top,  #BB0000,  #FD6300);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BB0000', endColorstr='#FD6300');
}
.degradat_vermell:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#BB0000), to(#FD6300));
	background: -moz-linear-gradient(top,  #BB0000,  #FD6300);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BB0000', endColorstr='#FD6300');
}




#fons_barra_superior_usuari{
    background-color: #333;
    opacity:0.86;
    position: absolute;
    top: 37px;
    left: 50%;
    margin-left: 200px;
    height: 120px;
    width: 290px;
    z-index: 10;

    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
    -moz-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

#fons_barra_superior_usuari.logat{
    height: 70px;
}

#div_registrate{
    padding-top: 0px;
    color: #000;
    z-index: 10;
    position: absolute;
    width: 270px;

}

#div_registrate span{
    display: block;
    text-align: center;
    margin-top: 3px;
}


#span_num_usuaris{
    font-size: 14px;

    display: none;
    color:#fff;
    float:right;
    text-align: right;
    z-index: 2;
}
@media (min-width: 1000px) {
    #span_num_usuaris{
        position: absolute;    
        top: 42px;
        left:50%;
        margin-left:200px;
        width:300px;
        display: block;
    }
    
}
    


#div_registrate span.accede{
    font-size: 12px;
    margin-top: 0px;
}
#div_registrate span.gratuito{
    display: inline;
    font-size: 16px;
    font-weight: bold;
}

a.boto_registrate{
    text-transform: uppercase;
}

#boto_registrate_barra_superior{
    width: 190px;
    line-height: 18px;
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin-top: 0px;
    color: #fff;
    text-transform: uppercase;
    
    /*
    background-image: url('images/boto-registrate-verd.png');
    background-position: 0px 0px;*/
    

}
#boto_registrate_barra_superior:hover{
    background-position: 0px -52px;

}


.boto_registrate{
    width: 187px !important;
    height: 52px;
    line-height: 52px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    margin-top: 5px;
    color: #fff;
    
    
    background-color: #008A00;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00A800), color-stop(50%, #00AA00), color-stop(50%, #008400), color-stop(100%, #008400));
    background-image: -webkit-linear-gradient(top, #00A800 0%, #00AA00 50%, #008400 50%, #008400 100%);
    background-image: -moz-linear-gradient(top, #00A800 0%, #00AA00 50%, #008400 50%, #008400 100%);
    background-image: -ms-linear-gradient(top, #00A800 0%, #00AA00 50%, #008400 50%, #008400 100%);
    background-image: -o-linear-gradient(top, #00A800 0%, #00AA00 50%, #008400 50%, #008400 100%);
    background-image: linear-gradient(top, #00A800 0%, #00AA00 50%, #008400 50%, #008400 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A800', endColorstr='#008400)');
    background-position: left bottom;
    background-repeat: repeat-x;
    border:  1px solid #008400;
    
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);

}

input.boto_registrate {
    border-color:transparent;
    font-size: 1em !important;
}
    
.boto_registrate:hover{
    background-position: 0px -52px;
    text-decoration: none;

}

.boto_accede{
    width: 187px;
    height: 52px;
    line-height: 52px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    margin: 0 auto;
    margin-top: 5px;
    color: #000;
    /*
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    */

    background-color: #CECECE;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4), color-stop(50%, #CECECE), color-stop(50%, #B2B2B2), color-stop(100%, #DBDBDB));
    background-image: -webkit-linear-gradient(top, #F4F4F4 0%, #CECECE 50%, #B2B2B2 50%, #DBDBDB 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CECECE 50%, #B2B2B2 50%, #DBDBDB 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CECECE 50%, #B2B2B2 50%, #DBDBDB 100%);
    background-image: -o-linear-gradient(top, #F4F4F4 0%, #CECECE 50%, #B2B2B2 50%, #DBDBDB 100%);
    background-image: linear-gradient(top, #F4F4F4 0%, #CECECE 50%, #B2B2B2 50%, #DBDBDB 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#DBDBDB)');
    
    text-transform: uppercase;
    
    
    border: 1px solid #999;;
    background-color: transparent;

}
.boto_accede:hover{
    background-position: 0px -52px;
    text-decoration: none;

}


.div_reg_usuari .boto_registrate{
    /*float: right;*/
}

.div_reg_usuari span.zona_registrate{
    display:block;
}
.div_reg_usuari span.zona_accede{
    display: block;
    
}
    .div_reg_usuari span.pregunta{
        text-align: center;
        display: block;
    }
@media(min-width:1000px){
    .div_reg_usuari span.zona_registrate{    
        display: inline-block;
        width:280px;
        margin-left: 20px;
    }
    .div_reg_usuari span.zona_accede{
        display: inline-block;
        width:220px;
        margin-right: -10px;
        padding-left: 10px;

    }    
    .div_reg_usuari span.pregunta{
        text-align: left;
        
    }
    .div_reg_usuari span.zona_registrate.gran{    
        margin-left: 0px;
    }
    
}



.div_reg_usuari span.pregunta{
    color: #fff;
}
.div_reg_usuari span.accede{
    color: #fff;
    display: block;
    text-align: center;
    font-size: 12px;
}
.div_reg_usuari span.gratuito{
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}




input.boto_buscador{

    background-color: transparent;
    background-image: url('images/boto-buscador.png');
    /*
    border: 1px solid #ccc;
    background-image: url('images/32/find.png');
    background-color: #E5F7FD;
    background-repeat: no-repeat;
    background-position: center;*/
    background-position: 0px 0px;
    font-size: 0.8em;
    position: absolute;
    left:135px;
    top:0px;
    width: 23px;
    height: 22px;
    padding:0px;
    margin:0px;
    border: 0px;

    /*
    background-image: url('images/32/find.png') , -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#E5F7FD));
    background-image: url('images/32/find.png') , -moz-linear-gradient(top,  #ffffff,  #E5F7FD);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E5F7FD');

    -moz-border-top-right-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;*/


    cursor: pointer;

    
}




div.recuadre_usuari_mailing{
    display: none;
    margin: 20px 0px;
    border: 1px solid #999;
    background-color: #fff;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    padding: 10px;

}
@media(min-width:640px){
    div.recuadre_usuari_mailing{
        display: block;
    }
}

div.recuadre_usuari_mailing span.titol{
    font-weight: bold;
}
div.recuadre_usuari_mailing p.descripcio{
    color:#666;
}



p.explicacio{color:#333;  font-size: 0.8em;
        /*
        background-color: #F9EDBE;
        padding: 2px;
         border-top: 1px solid #EFE1AC;
         border-bottom: 1px solid #EFE1AC;*/
}


#div_text_imatge_capcalera{ padding: 4px;
                            background-color: #000;
                            opacity:0.4;
                            color:#fff;
                            position: absolute;
                            top:130px;
                            left:1px;
                            right: 0px;
                            font-weight: bold;

}


#banner_classificats{padding-right: 8px;}






div.professor,div.alumno{ /*border: 1px solid #ccc;*/
          /*height: 30px;
          padding: 4px 10px;
                color:#fff;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 30px;
        position: absolute;
        top:65px;
        width: 480px;
        left:50%;
        z-index: 100;*/
          color:#fff;
    height: 45px;
    padding: 10px 0px;
}
div.professor button,div.alumno button{margin-left: 8px;}
#sel_curs,#sel_curs_a{ font-size: 0.8em; width:200px;}

div.professor .boto_blau,div.alumno .boto_blau{
    float: right;


}

#boto_tenda{ display: none;}


div.captcha{ line-height:34px; }

div.captcha span{ display: inline-block; line-height:16px;height:16px;  vertical-align: top;}

div.captcha input{ margin-top: 8px; width: 100px;}

img.captcha{ margin-left: 10px; margin-right: 10px; display: inline-block;}
span.reload_captcha{ background-image: url('images/16/synchronize.png'); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 20px; cursor: pointer; color: #3685D5; margin-left: 10px; margin-right: 10px; }
span.reload_captcha:hover{ text-decoration: underline; color: #004D85;}

div.recuadre_usuari_mailing a.boto_blau{ margin-left: 10px;}
div.recuadre_usuari_mailing a.boto_vermell{ margin-left: 10px;}


div.recuadre_usuari_mailing img.mailing{
    display: inline-block;
    width: 230px;
    margin-right:20px;
}

div.recuadre_usuari_mailing a.ultim_mailing{
    display:block;
}

div.recuadre_usuari_mailing div_reg_usuari{
    margin-top: 20px;
}


#span_dades_mailing{
    display: inline-block;
    float: left;
    vertical-align: top;
}
div.recuadre_usuari_mailing.amb_publicitat #span_dades_mailing{

}

#span_dades_mailing label{
    display: inline-block;
    width:100px;
    text-align: right;
    color:#666;
    font-size: 0.8em;
    margin-right: 10px;
    vertical-align: top;
}
#span_dades_mailing span{
    display: inline-block;
    width:410px;
    vertical-align: top;
}
#span_dades_mailing span .boto_blau{
 color: #FFFFFF !important;
}

#span_dades_mailing a.borrar{
    color:#666;
    text-transform: lowercase;
    margin-left: 20px;
}

div.recuadre_usuari_mailing.amb_publicitat #span_dades_mailing span{
    width:240px;
}

#span_dades_mailing span img{
    vertical-align: middle;
    margin-right: 4px;
}



a.ultima_edicio{
    background-image: url("images/fons-capcalera-menu.png");
    border: 1px solid #AAAAAA;
    display: inline-block;
    font-size: 0.8em;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 6px;
}


.nota{
    border: 1px solid #ccc;
    background-color: #f7f2c9;
    padding: 8px;
    position:relative;
    display: inline-block;
    margin-bottom: 10px;
}

.nota.info{
    padding-left: 32px;
    background-image: url('images/16/info.png');
    background-repeat: no-repeat;
    background-position: 8px 8px;
}
.nota.alerta{
    padding-left: 32px;
    background-image: url('images/16/alert.png');
    background-repeat: no-repeat;
    background-position: 8px 8px;
}



div.div_reg_usuari{    /*
                       border: 1px solid #ccc;
    background-color: #f7f2c9;*/
    padding: 0px;
    /*padding-right: 120px;*/
    position:relative;
    
    margin: 0px auto;
    margin-top: 80px;
    
    background-color: #555;

    /*border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);   */ 
    border: 1px solid #999;
    
    color:#fff;
    
    max-width: 550px;
    
    
    

}

#img_cap{
    position: absolute;
    left:50%;
    top:-65px;
    margin-left: -45px;
}

@media(min-width:1000px){
    
    
    div.div_reg_usuari.gran{ 
        
        max-width: none;
        position: fixed;
        bottom: 0px;
        left:0px;
        right:0px;          
        z-index: 999;
        
    }
    div.div_reg_usuari.gran div.wrap{
        width:1000px;
        margin: 0px auto;
    }
    div.div_reg_usuari.gran  #img_cap{
        margin-left:-360px;
    }
    
    /*
    #div_usuari_no_logat #boto_tancar_popup{
        position: fixed;
        bottom: 120px;
        left: 50% !important;
        margin-left: 300px;
        right: auto !important;
        top: auto !important;
        z-index: 1000;
    }*/
    
}

div.div_reg_usuari.nomes_login{
    width: 240px;
}

p.instruccions{ color: #fff; /*font-style: italic;*/ display: inline-block; margin-right: 10px; font-weight: bold;}

div.div_reg_usuari a.boto_vermell{ position: absolute; right: 8px; top: 3px;}

div.div_reg_usuari p.instruccions{ margin: 0; padding: 0; display:block; margin: 20px; margin-top: 30px; }

.boto_blau img{ vertical-align: middle; margin-right: 6px;}

#div_form_dades_usuari{ font-size: 0.9em;}

#div_form_dades_usuari a.aqui{
    font-weight: bold;
}

@media(min-width:1000px){
    div.div_reg_usuari.gran p.instruccions{
        width:350px;
        float: left;
    }
}


#boto_alta_guia{
    float: none;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    top: 216px;
}

#input_datos_usuario_alias{
    margin-left: 6px;
    width: 100px; margin-right: 6px;
}

/*
#p_enviar_dades{
    background-color: #f4f4f4;
    margin-bottom: 0px;
}

*/

/* containers home */

ul.respostes_foto_setmana li {
    margin:10px 0;
    cursor: pointer;
    font-size: 11pt;
}
ul.respostes_foto_setmana li:hover {
    color: #004D85;
    text-decoration: underline;
}



ul.respostes_pregunta_setmana{
    /*background-color: #eee;*/
    margin: 10px 10px;
}
ul.respostes_pregunta_setmana li {
    margin:10px 0;
    cursor: pointer;
    font-size: 1em;
}
ul.respostes_pregunta_setmana li:hover {
    color: #004D85;
    text-decoration: underline;
}


#pregunta_setmana{
    width:100%; border-bottom: 1px solid #aaa; margin-bottom: 20px;  background-color:#FAF1E8; position: relative;
}
#pregunta_setmana img{ position: absolute; right: 0px; top: 0px; height: 48px;}
#pregunta_setmana h2{ margin: 0;}
#pregunta_setmana h2.titol{ background-color: #FF7C00; color: #fff; margin: 0; line-height: 24px; text-transform: uppercase; font-weight: normal; font-size: 1em; padding-left: 10px; width: 100%; padding-top: 0px;}
#pregunta_setmana h3{color:#333; margin: 0;}

#pregunta_setmana div.content{padding:10px;}

#foto_setmana{
    width:100%; border-bottom: 1px solid #aaa; margin-bottom: 20px; background-color:#FAF1E8; position: relative;
}
#foto_setmana img{ width: 100%;}
#foto_setmana h2.titol{ background-color: #FF7C00; color: #fff; margin: 0; line-height: 24px; text-transform: uppercase; font-weight: normal; font-size: 1em; padding-left: 10px;}
#foto_setmana h3{/*line-height: 70px;*/ }

#foto_setmana div.content{padding:10px;}

section.foto_setmana img{
    width:100%;
}


.container_home{
    width:100%; border-bottom: 1px solid #aaa; margin-bottom: 20px; background-color:#FAF1E8; position: relative;
}
.container_home h2.titol{ background-color: #FF7C00; color: #fff; margin: 0; line-height: 24px; text-transform: uppercase; font-weight: normal; font-size: 1em; padding-left: 10px;width: 100%;}

.container_home h2.titol a{ color: #fff;}


/* container econo */
#contenidor_economia{}
#contenidor_economia .reg_mercat{ font-family: Tahoma,Verdana,Segoe,sans-serif; font-size: 0.8em; float:left; padding:0px; width:290px;border-bottom:1px solid #ccc; }
#contenidor_economia .fecha{float:left; color:#666;}
#contenidor_economia .mercado{margin-top:0px;float:left;clear:none;display: block; font-weight:bold; float: none;}
#contenidor_economia .categoria{ display: block; color:#666; clear:none; float: none;}
#contenidor_economia .recuadre{float:right; clear:none; width:160px; margin-top:0px; padding:2px; border:none; font-size: 7pt; }
#contenidor_economia .fecha{float:left;}
#contenidor_economia .precio{float:left; font-weight:bold;}
#contenidor_economia .diferencia{float:right; background-position: 0 7px; padding-left: 0px;  width:50px; height:30px; font-size: 7pt; background-repeat: no-repeat; display:block; text-align:right;line-height:30px;}
#contenidor_economia .igual{background-image:url('../images/igual.png');}
#contenidor_economia .positiva{color:#090; background-image:url('../images/up.png');}
#contenidor_economia .negativa{color:#f00; background-image:url('../images/down.png');}




#contenidor_noticias_empresa{  vertical-align: top; display: block;}
#col_1_home #contenidor_noticias_empresa{ width: 352px;}
#banner_classificats{ width:260px; vertical-align: top;}
#contenidor_agenda{ width:320px; vertical-align: top;}



div.contenidor_gris,section.contenidor_gris{
    margin: 0px;
    padding: 10px;
    border: 1px solid #999;
    /*box-shadow: 2px 2px 6px rgba(0,0,0,0.4);*/
    font-size: 0.8em;
    background-color: #fff;
}

#footer div.contenidor_gris,#footer section.contenidor_gris{
    margin: 0px;
    padding: 10px;
    border: 1px solid #999;
    font-size: 0.8em;
    margin-left: 15px;
    margin-bottom: 15px;
    height: 300px;
    width:290px;
   overflow: hidden;
   background-color: #fff; 
   vertical-align: top;
}

div.contenidor_gris h3,section.contenidor_gris h3{     padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    margin-bottom: 10px;
    
    background-color: #CCC;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4), color-stop(100%, #ACACAC));
    background-image: -webkit-linear-gradient(top, #F4F4F4 0%, #ACACAC 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%,#ACACAC 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%,#ACACAC 100%);
    background-image: -o-linear-gradient(top, #F4F4F4 0%, #ACACAC 100%);
    background-image: linear-gradient(top, #F4F4F4 0%, #ACACAC 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#ACACAC');
}

#footer div.contenidor_gris h3,#footer section.contenidor_gris h3{
    background-color: #679CD9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #679CD9), color-stop(100%, #325C8E));
    background-image: -webkit-linear-gradient(top, #679CD9 0%, #325C8E 100%);
    background-image: -moz-linear-gradient(top, #679CD9 0%,#325C8E 100%);
    background-image: -ms-linear-gradient(top, #679CD9 0%,#325C8E 100%);
    background-image: -o-linear-gradient(top, #679CD9 0%, #325C8E 100%);
    background-image: linear-gradient(top, #679CD9 0%, #325C8E 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff679CD9', endColorstr='#ff325C8E', gradientType='0');
    -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff679CD9', endColorstr='#ff325C8E', gradientType='0');    
    
    
    color: #fff;
}

#footer .contenidor_gris h3 a{ color: #fff;}

div.contenidor_gris ul,section.contenidor_gris ul{ list-style: none; padding-left: 0px;}
div.contenidor_gris ul li,section.contenidor_gris ul li{ margin-bottom: 10px;}
div.contenidor_gris ul li span.data,section.contenidor_gris ul li span.data{ font-weight: bold;}
div.contenidor_gris ul li a,section.contenidor_gris ul li a{ color:#000;}


#contenidor_agenda div.vevent{width:auto; padding: 0;}
#contenidor_agenda div.vevent div.header{ background-image: none; margin-bottom: 0; padding-left: 120px; min-height: 50px;}
#contenidor_agenda a.summary{font-size: 0.8em; font-weight: normal;}
#contenidor_agenda .dtstart,#contenidor_agenda .dtend{ font-size: 7pt; line-height: 10px; width: 50px; height: 35px;}
#contenidor_agenda .dtend{ left:60px;}
#contenidor_agenda div.header img.photo{ width: 40px;}

#contenidor_agenda span.pais{ display: block; color:#999;}


/*div.apartat_classificats h4{margin: 0;}
div.apartat_classificats{ width: 265px; height: 180px; border:1px solid #ccc; display: inline-block; vertical-align: top;}
*/
div.apartat_classificats h4{margin: 0; font-size: 0.8em;}
div.apartat_classificats{ }
ul.classificats{ margin-top: 2px;}
ul.classificats li{
    margin-bottom: 0px !important;
}

#contenidor_ultima_hora{ margin-bottom: 20px;}



section.foto_setmana{
    border: 1px solid #999;
    box-shadow:2px 2px 6px rgba(0, 0, 0, 0.4);
    
    margin-bottom: 20px;
    background-color:#FAF1E8;
    position: relative;
    overflow: hidden;
    display: block;

}


section.foto_setmana img{ margin: 0 auto; display: block;}
section.foto_setmana h2.titol{
    background-color: #FF7C00;
    
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4), color-stop(100%, #FF7C00));
    background-image: -webkit-linear-gradient(top, #F4F4F4 0%, #FF7C00 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%,#FF7C00 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%,#FF7C00 100%);
    background-image: -o-linear-gradient(top, #F4F4F4 0%, #FF7C00 100%);
    background-image: linear-gradient(top, #F4F4F4 0%, #FF7C00 100%);    
    
       color: #000; margin: 0;
       line-height: 24px;
       text-transform: uppercase;
       font-weight: bold;
       font-size: 1em;
       padding-left: 8px;

}
#col_2_home section.foto_setmana h2.titol{

}
#col_1_home section.foto_setmana h2.titol{

}

section.foto_setmana h2{
       font-size: 1em; margin: 6px 0px;
       line-height: normal;

}

section.foto_setmana h2 span.data{
    text-transform:none;
    font-weight: normal;
    font-size: 0.8em;
}

section.foto_setmana span.col1{ display: block;}
section.foto_setmana span.col2{ display: block;}

@media (min-width: 400px) {
    section.foto_setmana span.col1{ display: inline-block; width:165px; margin-right: 6px; vertical-align:top; padding-top: 8px;}
    section.foto_setmana span.col2{ display: inline-block; width: 150px;}  
}



section.foto_setmana h3{/*line-height: 70px;*/ margin: 0; }

section.foto_setmana ul.respostes_foto_setmana{ margin: 0; padding-left: 10px; list-style-type: none;  }
section.foto_setmana ul.respostes_foto_setmana li{ margin: 0;
                           font-size: 0.9em;
                           background-image: url('images/li.gif');
                           background-repeat: no-repeat;
                           padding-left: 8px;
                           background-position: 0px 4px;
                           line-height: 1.2em;
}

section.foto_setmana div.content{padding:10px;}


#section_comentaris ul{
    /*padding: 8px 10px 0;*/
}



div.pestanya{
    /*background-color: #f4f4f4;
    padding: 8px;
    border: 1px solid #ccc;
    border-top:none;*/
}

.contenidor_gris ul.quadrat li{
    background-color: #FFF;
}
.contenidor_gris ul.quadrat li:hover{
    background-color: #EEE;
}

.contenidor_gris ul.quadrat li.selected{
    background-color: #F4F4F4;
}


.contenidor_gris ul.quadrat li {
    cursor: pointer;
}
.contenidor_gris ul.quadrat li.selected {
    border-bottom-color: #F4F4F4;
}



#contenidor_usuaris_registrats{}

#contenidor_usuaris_registrats img{ 
    margin: 0px; 
    padding: 0px;
  background-color: #fff;
  border: 1px solid #D3D3D3;
  width: 70px;
  height: 70px;
}

#contenidor_publicacions_usuaris div.publicacio{
    
    border-bottom: 1px solid #ccc;
    margin-bottom: 6px;
}
#contenidor_publicacions_usuaris img.foto_us{
    float: left;
    width:32px;
    height: 32px;
    margin-right: 4px;
}
#contenidor_publicacions_usuaris span.data{
    display: block;
    color:#555;
}
#contenidor_publicacions_usuaris a{
    font-weight: bold;
}

#contenidor_publicacions_usuaris span.titol{
    color:#222;
    clear: both;
    display: block;
}

#contenidor_publicacions_usuaris span.tipus{
    float: right;
    display: inline-block;
    width:24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#contenidor_publicacions_usuaris span.tipus.video{
    background-image: url('images/24/video.png');
}
#contenidor_publicacions_usuaris span.tipus.link{
    background-image: url('images/24/link.png');
}
#contenidor_publicacions_usuaris span.tipus.imatge{
    background-image: url('images/24/imatge.png');
}
#contenidor_publicacions_usuaris span.tipus.pdf{
    background-image: url('images/24/pdf.png');
}


ul.temes_forum a{ color: #004D85 !important; font-weight: bold; background-image: url('images/16/icon-pages.gif'); background-repeat: no-repeat; padding-left: 14px;}

ul.articles_15_dies a,ul.articles_ult_mes a{
    color: #004D85 !important;
    font-weight: bold;
}


#div_wait{
    background-image: url('images/bit-transp.png');
    position:fixed; left:0px; top:0px; right:0px; bottom:0px; 
    z-index:1097;
}

#div_wait_2{

    background-color: #679CD9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #679CD9), color-stop(100%, #004D85));
    background-image: -webkit-linear-gradient(top, #679CD9 0%,#004D85 100%);
    background-image: -moz-linear-gradient(top, #679CD9 0%, #004D85 100%);
    background-image: -ms-linear-gradient(top, #679CD9 0%, #004D85 100%);
    background-image: -o-linear-gradient(top, #679CD9 0%, #004D85 100%);
    background-image: linear-gradient(top, #679CD9 0%, #004D85 100%);     
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#679CD9', endColorstr='#004D85)');
    
    box-shadow: 0px 0px 10px #fff;
    border-radius: 10px;
        
    text-align:center;position:fixed; left:50%; top:50%; margin-left:-188px; margin-top:-81px;  z-index:1098;
    padding: 10px 20px;
    padding-top: 62px;
    width:356px; height:100px;
}
#div_wait_2 img.tresos{
    position: fixed;
    left:50%;
    top:50%;
    margin-top:-100px;
    margin-left: -70px;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
}


#boto_ok{
    display: none;
    margin:0 auto;
}
#div_wait_2 p{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
#div_wait_2 p.error img{
    margin-right:10px;
}


input.obligatori.pendent{
    background-color: #fff;
    border: 1px solid #f00;
}
select.obligatori.pendent{
    background-color: #fff;
    border: 1px solid #f00;
}

.fons_barra_llarga{
    background-image: url('images/fons-barra-llarga.png');
    background-repeat: no-repeat;
    width: 620px;
    height: 75px;
    padding-left: 10px;
    padding-right: 370px;
    position: absolute;
    top: 185px;
    left: 50%;
    margin-left: -499px;
    z-index: 10;
}



img.mailing2{
    border: 1px solid #ccc;
    padding: 2px;
    background-color: #fff;
}

#div_servidor_test{ margin-left: -200px; top: 0px; z-index: 9999; background-color: #f00; color: #fff; font-weight: bold; font-size: 20pt; padding: 20px; position: fixed; left: 50%;}

#fs_nou_usuari label {
    display: block;
}


#form_alta_usuario_compacte p.condicions{
    position: relative;
    padding-left: 25px;
    margin-top: 6px;
}
#form_alta_usuario_compacte p.condicions input{
    position: absolute;
    left:0px;top:4px;
}


#fs_nou_usuari div.captcha p{
    border-bottom: none !important;
}

#fs_usuari_existent span.nota{ margin: 10px 0px;}


#fs_nou_usuari #div_ventajas{ margin: 10px 0px;}

#div_ventajas ul{
    list-style-image: url("images/16/check.png");
}




#div_ventajas{
    position: relative;
    overflow: hidden;
    padding-right: 80px;
}


#div_3tres3_usuari #div_ventajas{
    max-width: 500px;
}

#div_ventajas span.gratuito{
    background-color: #325C8E;
    color:#fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    
    position: absolute;
    right: 0px;
    padding: 10px 30px;
    margin-top: -0px;
    margin-right: -35px;
}

#fs_nou_usuari div.captcha{
    margin: 10px 0px;
}

#div_ventajas_2{
    width:370px;
    margin-right: 50px;
    float:right; 
    color:#fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);
    background-color: #2C4878;
    padding: 0px;
    position: relative;
    border: 0px solid #2C4878;
    overflow: hidden;
    
}
#div_wrap_ventajas{
    display: none;
    width:50%;
    margin-right: 5%;
    text-align: right;
    vertical-align: top;
    position: relative;
}

#div_wrap_registre_compacte{
    text-align: left;
    vertical-align: top;
    clear:both;
}

@media(min-width:1000px){
    #div_wrap_ventajas{
        display: inline-block;
    }
    #div_wrap_registre_compacte{
        display: inline-block;
        width:45%;
        
    }
}

#div_ventajas_2 span.gratuito{
    background-color: #325C8E;
    color:#fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    
    position: absolute;
    right: 0px;
    padding: 10px 30px;
    margin-top: 10px;
    margin-right: -35px;
}

#img_ventajas{
    clear: both;
    float: right;
}

#div_form_dades_usuari #img_ventajas{
    position: absolute;
    right: 0px;
    display: none;
}


#logo_ventajas{
    position: absolute;
    top: 475px;
    right:20px;
}
#descripcio_ventajas{
    padding: 10px;
    padding-top: 4px;
    
    font-size: 1em;
    line-height: 20px;
}


#div_banners_autors{
    width:370px; margin-left: 10px; float:right;  color:#fff; padding:10px; padding-left:0px;
    background-color:#325C8E;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#325C8E), to(#669BD7));
	background: -moz-linear-gradient(top,  #325C8E, #669BD7);    
        border-radius: 6px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);
}
#div_banners_autors p{ margin-left: 10px;}
#div_banners_autors div.div_autor{ 
    float:left;margin-left:10px;width:110px;
}
#div_banners_autors div.div_autor span.nom{
    display: inline-block;
    height: 32px; overflow: hidden;
    font-weight: bold;
    color:#fff;
    text-shadow: 0.1em 0.1em 0.05em #333;
}
#div_banners_autors div.div_autor img{ 
    width:110px;
    height: 148px;
}
#div_banners_autors div.div_autor span.wrap_imatge{
    display: block;
    height: 150px;
    vertical-align: middle;
}

#fs_nou_usuari p.condiciones {
    color: #666666;
    font-size: 0.8em;
}
#fs_nou_usuari div.captcha{
    font-size: 0.8em;
    border: 1px solid #AAAAAA;
}
#fs_nou_usuari div.captcha span.bloc{
    display: inline-block;
    height: auto !important;
}
#fs_nou_usuari div.captcha span.captcha{
    margin-top: 8px;
    width: 200px;
}

#fs_nou_usuari #input_datos_usuario_enviar{
    margin-left: 30px !important;
}

#fs_nou_usuari #texto_ingresado{
    font-size: 17pt;
}

span.text_codigo{
    line-height: 16px;
    display: inline-block;
}





button.anterior{
    background-image: url("images/24/prev_b.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 28px;
    height: 24px;
    display: inline-block;    
    border: none;
    box-shadow: none;
    color:#fff;
    background-color: rgb(55, 119, 190);
}
button.siguiente{
    background-image: url("images/24/next_b.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-color: transparent;
    padding-right: 28px;
    height: 24px;
    display: inline-block;   
    border: none;
    box-shadow: none;
    color:#fff;
    background-color: rgb(55, 119, 190);
}





.ocult{ display: none !important;}

p.desplegable{
    padding: 6px !important;
    padding-left: 26px !important;
    background-image: url('images/16/expand.png');
    background-repeat: no-repeat;
    background-position: 6px 6px;
    line-height: 16px !important;
    cursor: pointer;
    border: 1px solid #ccc;
    margin: 20px 0px !important;
    font-weight: bold;
    background-color: #eee;
    color:#3366CC;
}

p.desplegable.obert{
    background-image: url('images/16/collapse.png');
    cursor: pointer;
}
p.desplegable:hover a{
    text-decoration: underline;
}


fieldset.listas{
    border-top: none !important;
}


   
button.boto{
    -webkit-user-select: none;
    
    border-radius: 2px;
    cursor: default;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    margin-right: 16px;
    height: 28px;
    line-height: 28px;
    min-width: 54px;
    outline: 0;
    padding: 0 8px;    
    box-shadow:none;
    outline:none;
    border:1px solid transparent;
    text-shadow: none;       
    
    display: inline-block;
    position: relative;
}

button.boto.grabar{
    background: #53a93f;
    color:#fff;
  
}
button.boto.cancelar{
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
    background-color: #fff;
    background-image: -webkit-linear-gradient(top,transparent,transparent);
    background-image: linear-gradient(top,transparent,transparent);
    color: #404040;
    border: 1px solid #d9d9d9;
    border: 1px solid rgba(0,0,0,.15);
}

button.boto:focus{
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid  #799BD2;
    border: 1px solid transparent;
    outline: 2px solid #799BD2;
    outline: 2px solid #799BD2;
}
button.boto:hover{
    border: 1px solid  #b8b8b8;
}

button.editar{
    background-image: url('images/16/edit.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: none;
}
button.editar:hover{
    background-color: #9dACCE;
}

button.borrar{
    background-image: url('images/16/trash.png');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: none;
}
button.borrar:hover{
    background-color: #9dACCE;
}

/*
button.grabar{

    background-color: #EF439C;
    color:#fff;
    border: 1px solid #999;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-left:10px;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    font-size: 0.8em;
    font-weight: bold;
    margin-top: -1px;
    text-align: center;
    width: 80px;
}*/



#boto_grabar_newsletters{
    margin: 0 auto;
    display: block;
}

#fs_interesos{
    
}
#fs_interesos span.tag_interes{
    display: block;
}
#input_datos_usuario_idioma{ margin-left: 10px;}



#div_registre_compacte{
    width: 300px;
    margin: 0px auto;
}
@media(min-width:1000px){
    #div_registre_compacte{
        width: 300px;    
        margin: 0px;
    }
}

#div_registre_compacte div.fons_gris_transparent{
    padding: 10px;
}

#div_registre_compacte label{
    display: block;
    font-size: 9pt;
    color:#333;
}
#div_registre_compacte span.actividad label{
    display: inline-block;
}

#div_registre_compacte select{
    webkit-appearance: none;
    appearance: none;
    display: inline-block;
    height: 36px;
    padding: 0 8px;
    margin: 0;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    font-size: 15px;
    color: #404040;
    width: 100%;
    display: block;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
}
#div_registre_compacte #input_datos_usuario_password{
    margin-right: 10px;
}



#tester {
	    display:none;
	}
        
a.aqui{ font-weight: bold; text-transform: uppercase; color:#fff;}
        
        
div.menu_sup{
    padding: 0px;
    margin: 0px;

    
    display: none;
    position: absolute;
    
    /*top: 110px;
    */
    left: 5px;
    top: 25px;
    float:left;
        
    
    /*background-image: url('images/fons_web.png');*/
    
    background-color: #E4EEF8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4EEF8), color-stop(100%, #FFFFFF));
    background-image: -webkit-linear-gradient(top, #E4EEF8 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(top, #E4EEF8 0%,#FFFFFF 100%);
    background-image: -ms-linear-gradient(top, #E4EEF8 0%,#FFFFFF 100%);
    background-image: -o-linear-gradient(top, #E4EEF8 0%, #FFFFFF 100%);
    background-image: linear-gradient(top, #E4EEF8 0%, #FFFFFF 100%);       
    
    
    padding: 6px;
    border: 1px solid #999;
    border-top:none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);*/
    
    
    z-index: 9999;
    
    min-width: 200px;
    /*width: 610px;*/
    
}

li.secciones div.menu_sup{
    width: 560px;
    
}

ul.menu_sup{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    float:left;
}


ul.menu_sup span.columna{
        display: inline-block;
        float: left;
        /*table-layout:auto;*/
}

ul.menu_sup li{
    margin-right: 10px; 
    padding: 6px 0px;
    color: #666;
    /*width: 188px;display: inline-block;*/
    font-size: 14px;
    display: block;
    font-family: Calibri,Verdana;
    /*text-shadow: 1px 1px 2px rgba(0,0,0,0.4);*/
    
}
ul.menu_sup li a{
    color: #000;
    

}

/*
#sub_menu_superior span.titol{
    display: inline-block;
    padding: 0px 8px;
    margin-right: 10px;
    background-color: #B2B2B2;
    background-color: rgba(0,0,0,0.3);
    color:#fff;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    vertical-align:top;
}
#sub_menu_superior span.titol a{
    color:#fff;
}
#sub_menu_superior span.titol.selected{
    border: 1px solid #CC6600;
    border-bottom: 1px solid rgba(255,255,255,0.8);
    height: 27px;
    line-height: 27px;    
    position: relative;
}
*/



.boto-taronja {
    background-color: #FF802B;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF802B), color-stop(50%, #FF802B), color-stop(50%, #FF802B), color-stop(100%, #FF9900));
    background-image: -webkit-linear-gradient(top, #FF802B 0%, #FF802B 50%, #FF802B 50%, #FF9900 100%);
    background-image: -moz-linear-gradient(top, #FF802B 0%, #FF802B 50%, #FF802B 50%, #FF9900 100%);
    background-image: -ms-linear-gradient(top, #FF802B 0%, #FF802B 50%, #FF802B 50%, #FF9900 100%);
    background-image: -o-linear-gradient(top, #FF802B 0%, #FF802B 50%, #FF802B 50%, #FF9900 100%);
    background-image: linear-gradient(top, #FF802B 0%, #FF802B 50%, #FF802B 50%, #FF9900 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF802B', endColorstr='#FF9900)');
    background-position: left bottom;
    background-repeat: repeat-x;
    border: 1px solid #F68C06;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    display: inline-block;
    font-family: 'open sans',arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.54;
    padding: 4px 8px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    text-decoration: none;
}
.boto-taronja:hover{
    background-color: #FF802B;
    background-image: none;
    filter: none;
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFA41C), color-stop(50%, #FF9900), color-stop(50%, #F26100), color-stop(100%, #FF9900));
    background-image: -webkit-linear-gradient(top, #FFA41C 0%, #FF9900 50%, #F26100 50%, #FF9900 100%);
    background-image: -moz-linear-gradient(top, #FFA41C 0%, #FF9900 50%, #F26100 50%, #FF9900 100%);
    background-image: -ms-linear-gradient(top, #FFA41C 0%, #FF9900 50%, #F26100 50%, #FF9900 100%);
    background-image: -o-linear-gradient(top, #FFA41C 0%, #FF9900 50%, #F26100 50%, #FF9900 100%);
    background-image: linear-gradient(top, #FFA41C 0%, #FF9900 50%, #F26100 50%, #FF9900 100%);*/
}
.boto-taronja:active{
    background-color: #FF9900;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF9900), color-stop(50%, #FF9900), color-stop(50%, #FF9900), color-stop(100%, #FF802B));
    background-image: -webkit-linear-gradient(top, #FF9900 0%, #FF9900 50%, #FF9900 50%, #FF802B 100%);
    background-image: -moz-linear-gradient(top, #FF9900 0%, #FF9900 50%, #FF9900 50%, #FF802B 100%);
    background-image: -ms-linear-gradient(top, #FF9900 0%, #FF9900 50%, #FF9900 50%, #FF802B 100%);
    background-image: -o-linear-gradient(top, #FF9900 0%, #FF9900 50%, #FF9900 50%, #FF802B 100%);
    background-image: linear-gradient(top, #FF9900 0%, #FF9900 50%, #FF9900 50%, #FF802B 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9900', endColorstr='#FF802B)');
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}


.boto-verd {
    background-color: #008A00;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00A800), color-stop(50%, #00AA00), color-stop(50%, #008400), color-stop(100%, #008400));
    background-image: -webkit-linear-gradient(top, #00A800 0%, #00AA00 50%, #008400 50%, #008400 100%);
    background-image: -moz-linear-gradient(top, #00A800 0%, #00AA00 50%, #008400 50%, #008400 100%);
    background-image: -ms-linear-gradient(top, #00A800 0%, #00AA00 50%, #008400 50%, #008400 100%);
    background-image: -o-linear-gradient(top, #00A800 0%, #00AA00 50%, #008400 50%, #008400 100%);
    background-image: linear-gradient(top, #00A800 0%, #00AA00 50%, #008400 50%, #008400 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A800', endColorstr='#008400)');
    background-position: left bottom;
    background-repeat: repeat-x;
    border:  1px solid #008400;
    
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 0 #00E300 inset;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'open sans',arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.54;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
}
.boto-verd:hover{
    background-color: #00A800;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00A800), color-stop(50%, #00AA00), color-stop(50%, #005300), color-stop(100%, #008400));
    background-image: -webkit-linear-gradient(top, #00A800 0%, #00AA00 50%, #005300 50%, #008400 100%);
    background-image: -moz-linear-gradient(top, #00A800 0%, #00AA00 50%, #005300 50%, #008400 100%);
    background-image: -ms-linear-gradient(top, #00A800 0%, #00AA00 50%, #005300 50%, #008400 100%);
    background-image: -o-linear-gradient(top, #00A800 0%, #00AA00 50%, #005300 50%, #008400 100%);
    background-image: linear-gradient(top, #00A800 0%, #00AA00 50%, #005300 50%, #008400 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A800', endColorstr='#005300)');

}

.boto-verd:active{
    background-color: #008400;
    filter: none;
    /*
    background-color: #008A00;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009800), color-stop(50%, #008A00), color-stop(50%, #006400), color-stop(100%, #006400));
    background-image: -webkit-linear-gradient(top, #009800 0%, #008A00 50%, #006400 50%, #006400 100%);
    background-image: -moz-linear-gradient(top, #009800 0%, #008A00 50%, #006400 50%, #006400 100%);
    background-image: -ms-linear-gradient(top, #009800 0%, #008A00 50%, #006400 50%, #006400 100%);
    background-image: -o-linear-gradient(top, #009800 0%, #008A00 50%, #006400 50%, #006400 100%);
    background-image: linear-gradient(top, #009800 0%, #008A00 50%, #006400 50%, #006400 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#009800', endColorstr='#006400)');
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;*/
}


.boto-gris {
    background-color: #CECECE;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4), color-stop(50%, #CECECE), color-stop(50%, #B2B2B2), color-stop(100%, #DBDBDB));
    background-image: -webkit-linear-gradient(top, #F4F4F4 0%, #CECECE 50%, #B2B2B2 50%, #DBDBDB 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CECECE 50%, #B2B2B2 50%, #DBDBDB 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CECECE 50%, #B2B2B2 50%, #DBDBDB 100%);
    background-image: -o-linear-gradient(top, #F4F4F4 0%, #CECECE 50%, #B2B2B2 50%, #DBDBDB 100%);
    background-image: linear-gradient(top, #F4F4F4 0%, #CECECE 50%, #B2B2B2 50%, #DBDBDB 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#DBDBDB)');
    background-position: left bottom;
    background-repeat: repeat-x;
    border: 1px solid #999;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #333;
    display: inline-block;
    font-family: 'open sans',arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.54;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.6);
    text-decoration: none;
    /*width: 50px;*/
}
.boto-gris:hover{
    background-color: #DBDBDB;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4), color-stop(50%, #CCCCCC), color-stop(50%, #999999), color-stop(100%, #DBDBDB));
    background-image: -webkit-linear-gradient(top, #F4F4F4 0%, #CCCCCC 50%, #999999 50%, #DBDBDB 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CCCCCC 50%, #999999 50%, #DBDBDB 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CCCCCC 50%, #999999 50%, #DBDBDB 100%);
    background-image: -o-linear-gradient(top, #F4F4F4 0%, #CCCCCC 50%, #999999 50%, #DBDBDB 100%);
    background-image: linear-gradient(top, #F4F4F4 0%, #CCCCCC 50%, #999999 50%, #DBDBDB 100%);
    filter:  none;
}
.boto-gris:active{
    background-color: #AAA;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(50%, #CCCCCC), color-stop(50%, #999999), color-stop(100%, #DBDBDB));
    background-image: -webkit-linear-gradient(top, #999999 0%, #CCCCCC 50%, #999999 50%, #DBDBDB 100%);
    background-image: -moz-linear-gradient(top, #999999 0%, #CCCCCC 50%, #999999 50%, #DBDBDB 100%);
    background-image: -ms-linear-gradient(top, #999999 0%, #CCCCCC 50%, #999999 50%, #DBDBDB 100%);
    background-image: -o-linear-gradient(top, #999999 0%, #CCCCCC 50%, #999999 50%, #DBDBDB 100%);
    background-image: linear-gradient(top, #999999 0%, #CCCCCC 50%, #999999 50%, #DBDBDB 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#DBDBDB)');
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}


#taula_usuari_clas{
    background-color: #FFFFFF;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E0EBF8), color-stop(50%, #F4F4F4), color-stop(50%, #F4F4F4), color-stop(100%, #FFFFFF));
    background-image: -webkit-linear-gradient(top, #E0EBF8 0%, #F4F4F4 50%, #F4F4F4 50%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(top, #E0EBF8 0%, #F4F4F4 50%, #F4F4F4 50%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(top, #E0EBF8 0%, #F4F4F4 50%, #F4F4F4 50%, #FFFFFF 100%);
    background-image: -o-linear-gradient(top, #E0EBF8 0%, #F4F4F4 50%, #F4F4F4 50%, #FFFFFF 100%);
    background-image: linear-gradient(top, #E0EBF8 0%, #F4F4F4 50%, #F4F4F4 50%, #FFFFFF 100%);    
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0EBF8', endColorstr='#FFFFFF)');
    
    border: 1px solid #CCC;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    padding: 4px;
    width:400px;
    display: block;
    margin: 0 auto;
    
    font: 10pt/16px helvetica,arial,sans-serif;
}
#taula_usuari_clas a{ color:#004D85;}

#taula_usuari_clas p.alias{ margin-top: 0px; }
#taula_usuari_clas label{display: inline-block; width: 70px; color: #555; text-align: right; margin-right: 6px;font-style: italic; font-size: 0.8em;}

#taula_usuari_clas img.foto{ max-width:120px; margin-right: 10px; border: 1px solid #ccc; padding: 2px; background-color: #fff;}



#div_usuari_desplegable{
    display: none;
    position: absolute;
    top: 55px;
    left: -70px;
    width: 420px;
    padding: 10px;
    background-color: #ccc;
    border: 1px solid #999;
    border-top: none;
    box-shadow: -2px 2px 6px rgba(0,0,0,0.4);
    
}

#div_barra_superior_usuari.logat:hover #div_usuari_desplegable{
    /*display: block;*/
    
    
}


#div_barra_superior_usuari a.link{
    background-color: transparent !important;
    background-position: 0px 0px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4), color-stop(100%, #ACACAC));
    background-image: -webkit-linear-gradient(top, #F4F4F4 0%, #ACACAC 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%,#ACACAC 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%,#ACACAC 100%);
    background-image: -o-linear-gradient(top, #F4F4F4 0%, #ACACAC 100%);
    background-image: linear-gradient(top, #F4F4F4 0%, #ACACAC 100%);       
    
    border-radius: 6px;
    display: inline-block;
    margin: 4px;
    float: left;
    width: auto;
    padding: 0px 4px;
    line-height: 18px;
    height: 18px;
    color:#333;
    
}
#div_barra_superior_usuari a.link:hover{
    
    background-color: #fff !important;
    background-image: none;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
    color:#000 !important;
    
}

#fila_sup{
    margin: -9px;
    margin-bottom: 10px;
}

div.fitxa_article article{display: block;}

div.contingut,section.contingut{
    background-color: #fff;
    border:1px solid #999;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    padding: 14px;
    margin: 0px;
    position: relative;
}

div.no_padding_contingut{
    margin: 0px -14px;
    position: relative;
    top:-14px;
    margin-bottom: -14px;
}

div.pestanya.oculta{
    display: none;
}

div.contingut h1, section.contingut h1{
    margin-top: 0px;
}

h3.titol_contingut,h2.titol_contingut,h1.titol_contingut{
    position:relative;
    top: -14px;
    /*margin-top: -14px !important;*/
    margin-left: -14px;
    margin-right: -14px;
    margin-top: 0px;
    margin-bottom:0px;
    padding: 0px;
    padding-left: 10px;
    line-height: 30px;
    height: 30px;    
    font-size: 12pt;
    font-weight: bold;    
    display: block;
    
}

div.no_padding_contingut h3.titol_contingut,div.no_padding_contingut h2.titol_contingut,div.no_padding_contingut h1.titol_contingut{
    top: 0px;
    margin: 0px;
    margin-bottom: 0px !important;
}


img.banner_3{
     width:100%;
}

@media(min-width:1000px){
    img.banner_3{
        width:998px;
        height: 200px;
    }
}


#nav_seccions,#nav_economia,#nav_herramientas,#nav_serveis,#nav_comunidad{ display: none !important;}


.degradat_blau{
    background-color: #679CD9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #679CD9), color-stop(100%, #325C8E));
    background-image: -webkit-linear-gradient(top, #679CD9 0%, #325C8E 100%);
    background-image: -moz-linear-gradient(top, #679CD9 0%,#325C8E 100%);
    background-image: -ms-linear-gradient(top, #679CD9 0%,#325C8E 100%);
    background-image: -o-linear-gradient(top, #679CD9 0%, #325C8E 100%);
    background-image: linear-gradient(top, #679CD9 0%, #325C8E 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff679CD9', endColorstr='#ff325C8E', gradientType='0');
    -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff679CD9', endColorstr='#ff325C8E', gradientType='0');
}

.titol_blau{
    color:#fff;
    background-color: #679CD9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #679CD9), color-stop(100%, #325C8E));
    background-image: -webkit-linear-gradient(top, #679CD9 0%, #325C8E 100%);
    background-image: -moz-linear-gradient(top, #679CD9 0%,#325C8E 100%);
    background-image: -ms-linear-gradient(top, #679CD9 0%,#325C8E 100%);
    background-image: -o-linear-gradient(top, #679CD9 0%, #325C8E 100%);
    background-image: linear-gradient(top, #679CD9 0%, #325C8E 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff679CD9', endColorstr='#ff325C8E', gradientType='0');
    -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff679CD9', endColorstr='#ff325C8E', gradientType='0');
}
.titol_gris{
    color:#000;
    background-color: #DDD;
}


div.menu{
    z-index: 999;    

    
    padding: 0px;
    display: none;
    
    
}
@media(min-width:1000px){
    div.menu{
        
        background-color: #325C8E;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #325C8E), color-stop(100%, #327AC2));
        background-image: -webkit-linear-gradient(top, #325C8E 0%, #327AC2 100%);
        background-image: -moz-linear-gradient(top, #325C8E 0%,#327AC2 100%);
        background-image: -ms-linear-gradient(top, #325C8E 0%,#327AC2 100%);
        background-image: -o-linear-gradient(top, #325C8E 0%, #327AC2 100%);
        background-image: linear-gradient(top, #325C8E 0%, #327AC2 100%);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff325C8E', endColorstr='#ff327AC2', gradientType='0');
        -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff325C8E', endColorstr='#ff327AC2', gradientType='0');      
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
        top:110px;
        position:absolute;
        left:0px;
        right:0px;
        /*left:0%;
        width: 1000px;
        padding-left: 50%;
        margin-left: -500px;
        padding-right: 50%;
        font-family: Calibri,Verdana;
        */
        font-size: 15px;
        top:40px;
        
    }
    
    
    div.mm-content-base {
        width:980px;
        margin: 0 auto;
    }

}



div.apartat_menu{
   /* float: left;
    display: table-cell;*/
   float: left;

    /*margin: 3px;*/
    border-right: 1px solid #06325E;
    border-bottom: none;
    
    
}
div.apartat_menu span.titol{
    display: block;
    color:#fff;
    background-color: #06325E;
    font-weight: bold;
    font-size: 11pt;
    height:30px;
    line-height: 30px;
    padding-left: 20px;
    margin-bottom: 10px;
    
}

span.fons{
    display:block;
    color:#fff;
    background-color: #06325E;
    font-weight: bold;
    height:30px;
}

div.wrap_menu{
    margin: 0 auto;
    position: relative;
    top:-30px;
}


div.apartat_menu.economia{
    width:200px;
}

div.apartat_menu.herramientas{
    width:150px;
}

/*
div.apartat_menu.economia{
    width:140px;
}
div.apartat_menu.servicios{
    width:140px;
}
div.apartat_menu.herramientas{
    width:140px;
}
div.apartat_menu.comunidad{
    width:140px;
}*/
ul.seccions{
   padding-left: 0px;
    list-style-type: none;
    padding-right: 5px;
    margin: 0px;
}
@media(min-width:1000px){
    ul.seccions{
         list-style-type: circle;
        float: left;
        padding-left: 28px;
    }
    div.menu ul.seccions li a{
        font-size: 17px;
    }    
}


ul.seccions li{
    color:#fff;
    padding-bottom: 6px;
    padding-left: 0px;
}

ul.seccions li a{
    color:#fff;
    font-size: 12pt;
}

@media(min-width:1000px){
    ul.seccions li a{
        color:#fff;
        font-size: 10pt;
    }
}

#sub_menu_superior ul.seccions li{
    color:#333;
}

#sub_menu_superior ul.seccions li a{
    color:#333;
}

/*#menu_superior>li.selected:hover div.menu{
    display: none !important;
}

#menu_superior>li:hover div.menu{
    display: block;
}*/

#menu_superior div.wrap_menu{
    display: block;
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
}

#div_3tres3{
    height: 230px;
}

div.contingut ul.barra{
    margin: -14px;
    margin-top:0px;
    margin-bottom: 20px;
    position: relative;
    top:-14px;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left: 20px;
    
}




#div_menu_formacion{
    padding: 0px;
    height: 148px;
}
#div_menu_formacion img{
    margin: 0px;
    
}


div.menu p.descripcio{
    display: none;
    margin-top: 6px;
    font-size: 0.9em;
    color: #fff;
    width: 450px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);    
}
@media(min-width:1000px){
    div.menu p.descripcio{
        display: block;
    }
}


div.menu li a{
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}

div.menu a{
    color:#fff;
}

ul.seccions li:hover p.descripcio{
    color:#fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}


#barra_lateral {
    border: none !important;
}
#ul_lateral_0 li.selected {
    background-color: #fff !important;;
    border: 1px solid #999 !important;
    border-right-color: #fff !important;
    z-index: 10;
    box-shadow: -2px 2px 2px rgba(0,0,0,0.4);
}



div.mm-content-base {
    background-repeat: no-repeat;    
    min-height: 140px;
    padding: 10px;
    /*margin: 0px;
    
    float: left;*/
}
@media(min-width:1000px){

    #div_3tres3_herramientas div.mm-content-base{
        background-image: url('images/tools_2.png');
        background-position: top right;
    }
    #div_3tres3_noticias div.mm-content-base{
        background-image: url('images/fons-noticies.png');
        background-position: top right;
    }
    #div_3tres3_comunidad div.mm-content-base{
        background-image: url('images/community.png');
        background-position: top right;
    }
    #div_3tres3_economia div.mm-content-base{
        background-image: url('images/fons-econo.png');
        background-position: center right;
    }    
    #div_3tres3_guia div.mm-content-base{
        background-image: url('images/fons-guia.png');
        background-position: bottom right;
        padding-right: 630px;
        width:360px;
        background-position: bottom right;
        background-repeat: no-repeat;
    }
    #div_3tres3_formacion div.mm-content-base{
        background-image: url('images/fons-formacion.png');
        background-position: bottom center;
        padding-bottom: 150px;
        min-height: 150px;
    }    
    #div_3tres3_classificats div.mm-content-base{
        padding-top: 10px;
        background-image: url('images/fons-clasificados.png');
        background-position: center right;
        min-height: 120px;
    }


    #div_3tres3_newsletter div.mm-content-base{
        background-image: url('images/fons-newsletter.png');
        background-position: top right;
        min-height: 140px;
    }    
    
    #div_3tres3_formacion ul.seccions{
        width: 450px;
    }    
}

#sub_menu_superior.elearning div.mm-content-base{
    width:auto;
    min-height:20px;
    padding: 0px;
}



#div_3tres3_classificats{
    padding-top: 0px;
    /*padding-right: 0px;
    width: 990px;*/
}




#div_3tres3_tienda{
}

#div_3tres3_classificats p.descripcio {
    width:550px;
}


#div_3tres3_classificats span.tenemos{
    display: block; color:#fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    margin-bottom:6px;
}

@media(min-width:1000px){
    #div_3tres3_classificats ul.seccions li{
        float: left; margin-right: 35px;
    }
}





#div_3tres3_guia{
    color:#fff;
    /*padding: 20px;*/
 
}
#div_3tres3_guia img.guia{
    float:left;
    margin-right: 30px;

}
#div_3tres3_guia span.titol{
    font-weight: bold;
    /*font-size: 12pt;*/
}

#div_3tres3_guia img.empresa{
    width: 80px;
    padding: 2px;
    background-color: #fff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
    margin-right: 20px;
    opacity: 0.8;
    filter:alpha(opacity=80);
}
#div_3tres3_guia img.empresa:hover{
    box-shadow: 4px 4px 6px rgba(0,0,0,0.8);
    opacity: 1.0;
    filter:alpha(opacity=100);
}

#div_3tres3_guia div.botons p{
    margin-top: 10px;
}
#div_3tres3_guia div.botons p a{
    margin-right: 20px;
}



#contingut div.cursos_oberts{
    display: inline-block;
    vertical-align: top;
    width: 290px;
    margin-right: 15px;
}

#contingut div.cursos_tancats{
    vertical-align: top;
    display: inline-block;
    width: 290px;
}

#barra_lateral div.cursos_oberts{
    margin-bottom: 15px;
}

#barra_lateral div.cursos_tancats{
    margin-bottom: 15px;
}


div.slider-wrapper{
    margin-bottom: 40px;
}



div.forma_pagament{
    border: 1px solid #ddd;
    vertical-align: top;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin: 0px 5px;
    padding: 8px;
    color: #666;

    background-color:#FFF8DC;
}


div.forma_pagament h3{
    margin: 0px;
    color:#000;
}
div.forma_pagament b{
    color:#000;
}


div.destacat_groc{
    background-color: #F9EDBE;
    border-bottom: 1px solid #F0C36D;
    border-top: 1px solid #F0C36D;
    height: 30px;
    line-height: 30px;
    text-align: right;
    padding: 2px 4px;
}
div.destacat_groc_clar{
    background-color: #FCF7E2;
    padding: 4px;
    color: #666666;
    text-align: right;    
    height: 22px;
}

div.destacat_groc span.total,div.destacat_groc_clar span.total{
    padding-right: 10px !important;
    text-align: right !important;
    width: 80px;
    display: inline-block;
}

fieldset.estil1 label {
    color: #555555;
    display: inline-block;
    margin-right: 8px;
    text-align: right;
    width: 80px;
}
fieldset.estil1 input{font-size: 0.9em;}

fieldset.estil1 label{ display: inline; text-align: left; margin-right: 8px; color: #555; }

@media(min-width:1000px){
    fieldset.estil1 label{
        display: inline-block;width: 80px;text-align: right; 
    }
}

fieldset.estil1 p{
    border-bottom: 1px solid #DDDDDD;
    margin: 0;
    padding: 6px;
}

div.titol_gris{
    background-color: #DDDDDD;
    font-weight: bold;
    line-height: 26px;
    text-align: center;    
}
fieldset.estil1{
    border:none;
    border-top: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 5px 8px 10px;
    font-size: 0.9em;
    display: inline-block;
    background-color: #FFFFFF;
}

#taula_dades_tenda{
    border-collapse: collapse;
    display: block;
    width: 100%;
    overflow: hidden;
}

#taula_dades_tenda fieldset{
    box-shadow: none !important;
    border:none !important;
    margin: 0px !important;
    display: block !important;
    position: relative;
}
@media(min-width:1000px){
    #taula_dades_tenda fieldset{   
        width: 360px;
    }
}


#taula_dades_tenda div.comentaris{
    margin-top: 15px;

}
#taula_dades_tenda td.envio{
    border-right: 1px solid #333;
    padding: 0px;

}
#taula_dades_tenda td.fact{
    padding: 0px;
}

#taula_dades_tenda td.envio,#taula_dades_tenda td.fact{
       display: block;
       width:100%;
}
@media(min-width:1000px){
    #taula_dades_tenda td.envio,#taula_dades_tenda td.fact{
       display: table-cell;
       width:auto;
    }
}


label.fact{ width: auto !important;}

#td_total{ font-weight: bold; }





#div_3tres3_formacion{
    /*padding-right: 650px;
    width:340px;*/
    
}



span.article_botiga_menu{
    background-color: #fff;
    background-repeat: repeat-x;
    /*border-right: 1px solid #06325e;*/
    display: inline-block;
    height: 220px;
    margin: 0px;
    margin-right: 10px;
    overflow: hidden;
    padding: 5px;
    padding-top: 0px;
    position: relative;
    vertical-align: top;
    width: 158px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
    opacity: 0.8;
    filter: alpha(opacity=80);
}
span.article_botiga_menu:hover{
    box-shadow: 4px 4px 6px rgba(0,0,0,0.8);
    opacity: 1.0;
    filter:alpha(opacity=100);
}

span.article_botiga_menu p.cesta .boto-taronja{ margin-right: 8px;}


span.article_botiga_menu img{ cursor: pointer;}

span.article_botiga_menu:hover img{ transform: rotate(5deg);-moz-transform: rotate(5deg);-webkit-transform:rotate(5deg);}



span.article_botiga_menu span.marca{ font-size: 0.8em; color: #666;}
span.article_botiga_menu span.categoria{ display: inline-block; font-size: 0.8em; color: #666;}
span.article_botiga_menu span.nom{ font-weight: bold; display: table-cell; text-align: center; height: 48px; vertical-align: middle;color:#fff; background-color: #ddd; margin-left:-5px; margin-right: -5px; display: block; padding: 4px;  }
span.article_botiga_menu span.nom a{ text-decoration: none; color:#000;}
span.article_botiga_menu div.descripcio{ color: #333; font-size: 0.9em;}
span.article_botiga_menu img.petita{ margin: 10px auto; display: block; max-width: 135px; max-height: 135px; /*border: 1px solid #AAAAAA;*/}

span.article_botiga_menu span.preu{font-weight: bold; font-size: 13pt; text-shadow: 0.1em 0.1em 0.1em #aaa; display: block; text-align: center; color:#000; }
span.article_botiga_menu span.iva{ font-weight: normal; font-size: 0.8em; text-shadow: none; color: #000;}

span.article_botiga_menu span.enviament_gratuit{ color:#FF6636; font-weight:bold; text-align: center; display: block; }

span.article_botiga_menu:hover span.nom{ background-color: #cacaca;}

span.article_botiga_menu img.petita{
    max-width: 158px; max-height: 105px;
}
span.article_botiga_menu span.nom{
    font-size: 1em;
    height: 36px;
    line-height: 12px;
}
span.article_botiga_menu .boto-taronja{
    padding: 2px 4px;
    font-size: 12px;
}
span.article_botiga_menu .boto-gris{
    padding: 2px 4px;
    font-size: 12px;
}

span.article_botiga_menu span.preu_normal {
    color: #FF0000;
    display: block;
    font-size: 0.8em;
    text-align: center;
    text-decoration: line-through;
}

span.article_botiga_menu span.oferta{ color: #333; text-align: center; display: block;font-size: 0.8em;}

span.article_botiga_menu a{
    color:#fff;
}

.ib{
    display: inline-block;
    vertical-align: top;
}

#div_3tres3_tienda #desc_seccio{
    width:220px; margin-right: 20px;
}
#div_3tres3_tienda p.descripcio {
    width: auto;
}
div.menu span.titol{
    font-weight: bold;
    font-size: 17px;
    color:#fff;
    text-shadow: 1px 1px 2px #000000;
}

#sub_menu_superior.tenda > li{
    position: static;
}

#sub_menu_superior.tenda > li > div {
    position:static;
    top:auto;
    overflow: auto;
}
@media(min-width:1000px){
    #sub_menu_superior.tenda > li > div {
        left:0px;
        right:0px;
        padding: 0px;
        top: 77px;
        border:none;
        border-bottom: 1px solid #999;
        position: absolute;
    }
}

#sub_menu_superior.tenda > li > div div.mm-content-base{
    padding: 0px;
    padding-top: 6px;
    padding-bottom: 4px;
}

#sub_menu_superior.elearning > li > div {
    position:static;
    top:auto;
    overflow: auto;
}

@media(min-width:1000px){
    #sub_menu_superior.elearning > li > div {
        /*left:0px;
        right:0px;*/
        padding: 0px;
        top: 31px;
        border:none;
        border: 1px solid #999;
        border-top: none;
        position: absolute;
    }
}




#div_3tres3_secciones p.descripcio{
    margin-top: 4px;
    margin-bottom: 6px;
}

span.num_articles{
    font-size: 0.8em;
}


#banner_classificats span.tenemos {
    color: #fff !important;
    font-size: 0.8em;
    margin-left: 10px;
}
#banner_classificats div.final a.boto-taronja{
    vertical-align: top;
}

@media(min-width:1000px){
    li.boto.newsletter{
        float: right !important;
    }
}
#imatge_usuari_boto{height: 36px; vertical-align: middle; margin-right: 4px; position:  relative; margin-top: 1px;}


#sub_menu_superior.tenda > li > a {
    padding: 0px 6px;
}

#form_inscripcion input.pendent{
    background-color: #fff;
    border: 1px solid #f00;
}
#form_inscripcion select.pendent{
    background-color: #fff;
    border: 1px solid #f00;
}
#select_forma_pago.pendent{
    background-color: #fff;
    border: 1px solid #f00;
}

#span_usuario_email span.nota{
    display: block;
    text-align: center;
    margin-top: 10px;
}


#fs_contacte p:nth-child(odd){
    background-color: #f2f2f2;
}
#taula_facturacion p:nth-child(odd){
    background-color: #f2f2f2;
}

ul.nums{ list-style-type: none; display: inline-block;margin:0px; margin-right: 6px; width:177px;}
ul.nums span{ margin-right: 4px; float: left; line-height: 25px;}
ul.nums li{ display: inline-block; margin: 0px; padding: 0px; width:25px; height: 25px; line-height: 25px; text-align: center; cursor: pointer;float: left;}
ul.nums li:hover{ background-color: #666; color:#fff;}
ul.nums li.actual{ background-color: #333; color:#fff;}


/*Contenidor de classificats -> ********************** */
#banner_classificats h3{
    padding: 3px 10px;
    line-height: 17px;
}
.resum_classif{
    background-color: #f2f2f2;
    margin-left: -8px;
    margin-right: -8px;
    border: none;
    padding: 6px 8px; 
}
#banner_classificats h3{ margin-bottom: 0px; border: none;}
#banner_classificats{ background-color: #fff; width:300px;}
#banner_classificats span.tenemos{ color: #666; font-size: 0.8em; margin-left: 10px;}
#banner_classificats div.final{margin:0px 10px; margin-right: 0px;}

#ul_clasif_banner{
    width:1520px;
    position: absolute;
}
#ul_clasif_banner li{
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    padding: 6px;
    vertical-align: top;
    display:  inline-block;
    width: 220px;
    float: left;
    margin: 10px;
}
#banner_classificats span.totals{
    display: inline-block;
    width:145px;
    font-weight: bold;
}

#ul_clasif_banner li span.idioma {
    height: 90px;
    display: none;
}
#ul_clasif_banner li div.header {
    height: 40px;
}
#wrap_clasificats{ width:300px; overflow: hidden; position: relative; height: 200px; }

#ul_clasif_banner li span.idioma a{
    font-weight: bold;
}

#ul_clasif_banner .idioma.selected {
    display: block !important;
}
#ul_clasif_banner div.idiomes_petit {
    background-color: #F2F2F2;
    border-top: 1px solid #CCCCCC;
    margin: 4px -6px -6px;
    padding-bottom: 4px;
    padding-left: 4px;
}
#ul_clasif_banner div.idiomes_petit span {
    cursor: pointer;
}
#ul_clasif_banner span.bandera {
    font-size: 0.8em;
}
/* <- Contenidor de classificats ******** */


#div_3tres3_usuari #taula_usuari_clas{
    margin-left: 150px;
}

#ul_usuari{ width: 220px; margin-left: 120px; padding-top: 20px; text-align: right; list-style-type: none;}


#span_home_usuari div.convocatoria1{
    width:350px;
    display: inline-block;
    margin-right: 10px;
}



#taula_facturacion{
    width: 100%;
}


div.condiciones{
    margin-left: 10px;
    padding: 10px;
    color:#666;
    font-size: 0.8em;
    text-align: center;
}
div.condiciones p{
    margin: 4px 0px;
    
}
p.condiciones{
    font-weight: bold;
    color:#000;
}
div.condiciones label{
    color: #000;
}

#containers_home .contenidor_gris h3{
    font-size: 13px !important;
} 


#div_contenidor_tenda_home .article_botiga_home{
    width: 136px;
    height: 160px;
    font-size: 0.8em;
    margin: 0px;
    box-shadow: none;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;    
    display: inline-block;
    overflow: hidden;
    padding: 10px 10px 0;
    position: relative;
    vertical-align: top;
    margin-bottom: 10px;
}
#div_contenidor_tenda_home .article_botiga_home span.lbl_destacat{
    background-color: #090;
    color: #fff;
    line-height: 20px;
    padding: 0px 6px;
    display: inline-block;
    position: absolute;
    top:120px;
    right: 0px;
    font-weight: bold;
}
#div_contenidor_tenda_home .article_botiga_home span.lbl_oferta{
    background-color: #f00;
    color: #fff;
    line-height: 20px;
    padding: 0px 6px;
    display: inline-block;
    position: absolute;
    top:120px;
    right: 0px;
    font-weight: bold;
}
#div_contenidor_tenda_home .article_botiga_home img.petita{
    display: block;
    margin: 10px auto;    
    max-width: 135px;
    max-height: 80px; 
    opacity: 0.8;
    filter:alpha(opacity=200);    
}
#div_contenidor_tenda_home span.article_botiga_home span.nom {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    padding: 4px 4px;
    position: relative;
    top: -10px;    
    height: 32px;
    background-image:url("../images/fons_art.gif");
    background-repeat: repeat-x;
    /*background-color: #CCC;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCCCCC), color-stop(100%, #FFFFFF));
    background-image: -webkit-linear-gradient(top, #CCCCCC 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(top, #CCCCCC 0%,#FFFFFF 100%);
    background-image: -ms-linear-gradient(top, #CCCCCC 0%,#FFFFFF 100%);
    background-image: -o-linear-gradient(top, #CCCCCC 0%, #FFFFFF 100%);
    background-image: linear-gradient(top, #CCCCCC 0%, #FFFFFF 100%);    */
}
#div_contenidor_tenda_home span.article_botiga_home span.nom a {
    font-size: 0.8em;
    height: 32px;
    width: 148px;
    line-height: 12px;
    height: 32px;
    color:#333;
    font-weight: bold;
    display: table-cell;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}


#div_contenidor_tenda_home{
    width: 158px;
    margin-bottom: 10px;
}

#div_contenidor_tenda_home h3{
    color: #fff;
    margin: 0px;
    padding: 4px 10px;
    margin-left: -9px;
    margin-right:-9px;
    top: -9px;
    position: relative;
}
#div_contenidor_tenda_home h3 a{
    color: #fff;
}
#div_contenidor_tenda_home span.article_botiga_home:hover{
    box-shadow: none;
    border-color: transparent;
}
#div_contenidor_tenda_home span.article_botiga_home:hover img{
    opacity: 1.0;
    filter:alpha(opacity=255);
}
#div_contenidor_tenda_home span.article_botiga_home:hover span.nom a {
    color:#000;
}


#div_contenidor_tenda_home span.article_botiga_home span.preu {
    display: block;
    font-size: 13pt;
    font-weight: bold;
    text-align: center;
    text-shadow: 0.1em 0.1em 0.1em #999999;

}

#div_contenidor_tenda_home span.article_botiga_home span.iva {
    color: #666666;
    font-size: 0.8em;
    font-weight: normal;
    text-shadow: none;
}

.sense_ombra{
 box-shadow: none !important;   
}

/* Contenidor E-learning */
div.curs_formacio{
    margin: 5px 0px;
    background-color: #fff;
    border: 1px solid #999;
    padding: 2px;
    max-width: 570px;
    

}
div.curs_formacio.amb_link{
    cursor: pointer;
}

div.curs_formacio div.wrap_c{
    padding: 6px 10px;
}


div.curs_formacio span.interval{
    font-size: 0.8em;
    color:#fff;
}
div.curs_formacio span.nom_curs{
    display: block;   
    font-size: 11pt;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
    padding: 6px 0px;
    color:#fff;
    text-decoration: none;    
}
div.curs_formacio span.nom_curs a{
    color:#fff;
    text-decoration: none;
    
   
}

div.curs_formacio span.preu{
    color: #fff;
    font-size: 0.8em;
    text-align: right;
    display: block;
}

div.curs_formacio.tipus_0 div.wrap_c{
    background-color: #18583D;
    /*background-image: url("images/logo_campus_pt_0.png");
    background-repeat: no-repeat;
    background-position: bottom right;*/
    position: relative;
    
}
div.curs_formacio.tipus_0.amb_link:hover div.wrap_c{
    /*background-image: url("images/logo_campus_pt_0.png"), -moz-linear-gradient(top, #203326 0%,#18583D 100%); */
    background-repeat: no-repeat;
    background-position: bottom right;
}
div.curs_formacio.tipus_2 div.wrap_c{
    background-color: #6c765b;
   /* background-image: url("images/logo_campus_pt_3.png");
    background-repeat: no-repeat;
    background-position: bottom right;*/
    position: relative;
}

div.curs_formacio.tipus_3 div.wrap_c{
    background-color: #6B84AE;
   /* background-image: url("images/logo_campus_pt_3.png");
    background-repeat: no-repeat;
    background-position: bottom right;*/
    position: relative;
}

div.curs_formacio.tipus_3.amb_link:hover div.wrap_c{
    /*background-image: url("images/logo_campus_pt_3.png"),-moz-linear-gradient(top, #033266 0%,#6B84AE 100%);*/
}

#div_login_acces_usuari span.span_info span{
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #999;
}
#div_login_acces_usuari span.span_info:hover span{
    display: block;
}


/*contenidor tenda peu*/

#banner_tenda_wrap_imatges{
    width: 290px;
    height: 242px;
    overflow: hidden;
    position: relative;
}

#div_contenidor_tenda_home_peu .article_botiga_home{
    width: 268px;
    height: 220px;
    font-size: 0.8em;
    margin: 0px;
    box-shadow: none;
    background-color: #FFFFFF;
    border: 1px solid transparent;    
    display: inline-block;
    overflow: hidden;
    padding: 0px 10px 0;
    vertical-align: top;
    margin-bottom: 10px;
    position: relative;
}


#div_contenidor_tenda_home_peu span.iva{
    display: none;
}
body.w_3tres3 #div_contenidor_tenda_home_peu span.iva{
    display: inline-block;
}

#div_contenidor_tenda_home_peu span.oferta{
    color: #666;
    text-align: center;
    display: block;
    font-size: 8pt;
}

#div_contenidor_tenda_home_peu span.preu_normal{ color: #f00; text-decoration: line-through; text-align: center; display: inline-block;font-size: 8pt;}

#div_contenidor_tenda_home_peu .article_botiga_home span.wrap_article_botiga{
    display: block;
    position: relative;
}

#div_contenidor_tenda_home_peu .article_botiga_home span.lbl_destacat{
    background-color: #090;
    color: #fff;
    line-height: 20px;
    padding: 0px 6px;
    display: inline-block;
    position: absolute;
    top:45px;
    right: 0px;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#div_contenidor_tenda_home_peu .article_botiga_home span.lbl_oferta{
    background-color: #f00;
    color: #fff;
    line-height: 20px;
    padding: 0px 6px;
    display: inline-block;
    position: absolute;
    top:75px;
    right: 0px;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;    
}

#div_contenidor_tenda_home_peu .article_botiga_home img.petita{
    display: block;
    margin: 0px auto;    
    max-width: 260px;
    max-height: 140px; 
    opacity: 0.8;
    filter:alpha(opacity=200);    
}
#div_contenidor_tenda_home_peu span.article_botiga_home span.nom {
    display: block;
    height: 36px;
    position: relative;
    padding: 4px 8px;
    border: 1px solid #aaa;
    border-bottom: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #CCCFD2;
}

#div_contenidor_tenda_home_peu div.wrap_foto{
    height: 140px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-top: none;
    border-bottom: none;
    text-align: center;
    overflow: hidden;
}

#div_contenidor_tenda_home_peu span.article_botiga_home span.nom a {
    font-size: 10pt;
    height: 32px;
    width: 280px;
    line-height: 12px;
    height: 32px;
    color:#333;
    font-weight: bold;
    display: table-cell;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
#div_contenidor_tenda_home_peu #div_valoracio_mitja{
    position: absolute;
    right:4px;
    top:44px;
    
}
#div_contenidor_tenda_home_peu #div_valoracio_mitja span.valor{
    color:#000;
    font-weight: bold;
    font-size: 9pt;
}
#div_contenidor_tenda_home_peu #div_valoracio_mitja span.numero{
    color:#444;
    font-size: 8pt;
}

#div_contenidor_tenda_home_peu span.article_botiga_home:hover span.nom{
    /*background-color: #679CD9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #679CD9), color-stop(100%, #FFFFFF));
    background-image: -webkit-linear-gradient(top, #679CD9 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(top, #679CD9 0%,#FFFFFF 100%);
    background-image: -ms-linear-gradient(top, #679CD9 0%,#FFFFFF 100%);
    background-image: -o-linear-gradient(top, #679CD9 0%, #FFFFFF 100%);
    background-image: linear-gradient(top, #679CD9 0%, #FFFFFF 100%);  
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#679CD9', endColorstr='#FFFFFF');*/
}

#div_contenidor_tenda_home_peu{
    
    position: absolute;
}

#div_contenidor_tenda_home_peu h3{
    color: #fff;
    margin: 0px;
    padding: 4px 10px;
    margin-left: -9px;
    margin-right:-9px;
    top: -9px;
    position: relative;
}
#div_contenidor_tenda_home_peu h3 a{
    color: #fff;
}
#div_contenidor_tenda_home_peu span.article_botiga_home:hover{

}
#div_contenidor_tenda_home_peu span.article_botiga_home:hover img{
    opacity: 1.0;
    filter:alpha(opacity=255);
}
#div_contenidor_tenda_home_peu span.article_botiga_home:hover span.nom a {
    color:#000;
}

#div_contenidor_tenda_home_peu span.enviament_gratuit {
    color: #FF6636;
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 8pt;
}


#div_contenidor_tenda_home_peu span.article_botiga_home span.preu {
    /*display: block;
    font-size: 13pt;
    font-weight: bold;
    text-align: center;
    text-shadow: 0.1em 0.1em 0.1em #999999;
    */
    font-weight: bold;
    font-size: 13pt;
    display: block;
    text-align: center;
    background-color: #fff;
    border: 1px solid #aaa;
    border-top: none;
}

#div_contenidor_tenda_home_peu span.article_botiga_home span.iva {
    color: #666666;
    font-size: 0.8em;
    font-weight: normal;
    text-shadow: none;
}
#section_contenidor_tenda_home_peu ul.nums{
    width: 280px;
}
#section_contenidor_formacio ul.nums {
width: 280px;
}


/*contenidor formacio peu*/

#banner_formacio_wrap_imatges{
    width: 290px;
    height: 108px;
    overflow: hidden;
    position: relative;
}

#div_contenidor_formacio div.curs_formacio{
    float: left;
    vertical-align: top;
}
#div_contenidor_formacio div.curs_formacio div.wrap_c{
    width: 264px;
    height: 80px;
    
}
#div_contenidor_formacio .article_botiga_home span.lbl_destacat{
    background-color: #090;
    color: #fff;
    line-height: 20px;
    padding: 0px 6px;
    display: inline-block;
    position: absolute;
    top:120px;
    right: 0px;
    font-weight: bold;
}
#div_contenidor_formacio .article_botiga_home span.lbl_oferta{
    background-color: #f00;
    color: #fff;
    line-height: 20px;
    padding: 0px 6px;
    display: inline-block;
    position: absolute;
    top:120px;
    right: 0px;
    font-weight: bold;
}
#div_contenidor_formacio .article_botiga_home img.petita{
    display: block;
    margin: 10px auto;    
    max-width: 260px;
    max-height: 140px; 
    opacity: 0.8;
    filter:alpha(opacity=200);    
}
#div_contenidor_formacio span.article_botiga_home span.nom {
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    padding: 4px 4px;
    position: relative;
    top: -10px;    
    height: 32px;
    background-image:url("../images/fons_art.gif");
    background-repeat: repeat-x;
}
#div_contenidor_formacio span.article_botiga_home span.nom a {
    font-size: 0.8em;
    height: 32px;
    width: 280px;
    line-height: 12px;
    height: 32px;
    color:#333;
    font-weight: bold;
    display: table-cell;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

#div_contenidor_formacio span.article_botiga_home:hover span.nom{
    background-color: #679CD9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #679CD9), color-stop(100%, #FFFFFF));
    background-image: -webkit-linear-gradient(top, #679CD9 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(top, #679CD9 0%,#FFFFFF 100%);
    background-image: -ms-linear-gradient(top, #679CD9 0%,#FFFFFF 100%);
    background-image: -o-linear-gradient(top, #679CD9 0%, #FFFFFF 100%);
    background-image: linear-gradient(top, #679CD9 0%, #FFFFFF 100%);  
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#679CD9', endColorstr='#FFFFFF');
}

#div_contenidor_formacio{
    
    position: absolute;
}

#div_contenidor_formacio h3{
    color: #fff;
    margin: 0px;
    padding: 4px 10px;
    margin-left: -9px;
    margin-right:-9px;
    top: -9px;
    position: relative;
}
#div_contenidor_formacio h3 a{
    color: #fff;
}


#div_contenidor_formacio ul.nums{
    width: 280px;
}

/*Contenidor guia peu web */
#section_contenidor_guia{
    position: relative;
    background-image: url('../contenidors/3tres3/2013/guia333.png');
    background-repeat: no-repeat;
    background-position: 10px 60px;    
}

#section_contenidor_guia #div_wrap_imatges_guia{
    border: 1px solid #ddd;
    margin-top: 80px;
    float: left;
    height: 180px;
    overflow: hidden;
}



#section_contenidor_guia #div_wrap_imatges_guia img{
    float:left;
    width: 35px;
    opacity: 0.8;
    padding: 2px;
    background-color: #fff;    
}
#section_contenidor_guia #div_wrap_imatges_guia img.actual{
    opacity: 1.0;
    background-color: #faa51a;
}
#div_wrap_contenidor_guia{
    position: relative;
}
#div_imatge_guia_gran{
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #fff;
    padding: 2px;
    border: 1px solid #ddd;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
    z-index: 9;

}
#div_imatge_guia_gran img{
    opacity: 1.0;
    width:150px !important;
    height:100px !important;    
    /*position: absolute*/
}
#span_usuari_menu_superior{
    max-width: 70px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    
}

div.seguidor{
    float: left;
    background-color: #fff;
    margin: 8px;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
    border:1px solid #999;
    padding: 2px;
    width:100px;
    height: 120px;
}
div.seguidor img{
    width:100px;
    max-height:100px;
}
div.seguidor a{
    display: block;
    width:100px;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
        
}
/*
#div_acceptar_cookies{
    padding: 10px;
    background-color: #F5E49E;
    position: fixed;
    bottom: 0px;
    left:0%;
    right:0%;
    width:100%;
}*/




@-webkit-keyframes spin {
   0% { -webkit-transform: rotateY(0); }
 100% { -webkit-transform: rotateY(360deg); }
}
@-moz-keyframes spin {
   0% { -moz-transform: rotateY(0); }
 100% { -moz-transform: rotateY(360deg); }
}
@-webkit-keyframes spinx {
   0% { -webkit-transform: rotateX(0); }
 100% { -webkit-transform: rotateX(360deg); }
}
@-moz-keyframes spinx {
   0% { -moz-transform: rotateX(0); }
 100% { -moz-transform: rotateX(360deg); }
}

#boto_clasificats.selected a{
    background-color: #f4f4f4 !important;
    border-bottom-color: #f4f4f4 !important;
    text-shadow: none!important;
}
#boto_clasificats.selected a:hover{
    color:#000 !important;
}

/*
.destacat_groc{
    background-color: #FF9;
    border: #f4c63f;
    padding: 6px;
    margin: 20px;
}
*/

img.usuari_petita{
    width: 60px;
    height: 60px;
    background-color: #fff;
    padding: 2px;
    border: 1px solid #999;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}
img.usuari_mini{
    width: 29px;
    height: 29px;
    background-color: #fff;
    padding: 2px;
    border: 1px solid #999;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}


.centrat{
    margin: 0 auto;
}
.puntets{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


div.seguir.usuari{
   /* background-image: url('images/16/333-fav.png');
    background-repeat: no-repeat;
    padding-left: 18px !important;
    background-position: top left;*/
    font-size: 0.8em;
}




/* Styles for Max Length plugin v2.0.0 */
.maxlength-feedback {
	margin-left: 0.5em;
	font-size: 75%;
}
.maxlength-full {
	background-color: #fee;
}
.maxlength-overflow {
	background-color: #fcc;
}
.maxlength-disabled {
	opacity: 0.5;
}


span.total_megusta{
    background-image: url('images/32/cua3.png');
    background-repeat: no-repeat;
    background-position: 8px 0px;
    display: inline-block;
    height: 32px;
    width: 40px;
    position: relative;
}
span.total_megusta span.num{
    background-color: #679CD9;
    text-shadow: 1px 1px 2px #000;
    color: #fff;
    border-radius: 6px;
    padding: 4px;    
    border: 1px solid #999;
    display: inline-block;
    line-height: 16px;
    position: absolute;
    bottom: -4px;
    left:0px;    
}
span.total_megusta{
    background-image: url('images/32/cua3.png');
    background-position: 0px 0px;
    width: 32px;
}



span.total_megusta span.num{
    background-color: transparent;
    border: none;
    
    bottom: 0px;
    padding: 0px;
    
    line-height: 32px;
    text-align: center;
    right: 0px;
    
}



#menu_superior span.total_notificacions{
    position: absolute;
    z-index: 9;
    top:0px;
    
    
}

#div_barra_usuari span.total_notificacions{
    vertical-align: middle;
    z-index: 9;
}


div.grup span.total_notificacions{
    position: absolute;
    z-index: 9;
    top:0px;
    
}

ul.menu_usuari span.total_notificacions{
    position: absolute;
    z-index: 9;
    top:0px;    
    right:30px;
    background-position: 0px 0px;
}


span.total_notificacions{
    background-image: url('images/32/pig-nose1.png');
    background-repeat: no-repeat;
    background-position: 0px -2px;
    display: inline-block;
    height: 32px;
    width: 32px;
    position: relative;
    
}
span.total_notificacions span.num{
    background-color: #ff8c00 !important;
    text-shadow: 1px 1px 2px #000;
    color: #fff;
    border-radius: 6px;
    padding: 1px 2px;    
    border: 1px solid #999;
    display: inline-block;
    line-height: 16px;
    position: absolute;
    bottom: -6px;
    left:100%;
    margin-left: -20px;
}

ul.menu_usuari span.total_notificacions span.num{
    margin-left: -4px;
    bottom: 2px;
}

span.total_comentaris{
    background-image: url('images/32/comments.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-block;
    height: 32px;
    width: 40px;
    position: relative;
}
span.total_comentaris span.num{
    background-color: #679CD9;
    text-shadow: 1px 1px 2px #000;
    color: #fff;
    border-radius: 6px;
    padding: 4px;    
    border: 1px solid #999;
    margin-top: 10px;
    display: inline-block;
    position: absolute;
    bottom: -4px;
    right:0px;    
}
span.total_comentaris span.num a{
    color:#fff;
}

span.total_comentaris{
    background-image: url('images/32/comments2.png');
    width: 32px;
}
span.total_comentaris span.num{
    border: none;
    background-color: transparent;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    line-height: 32px;
    padding: 0px;
}



span.total_favorits{
    background-image: url('images/32/333-fav.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-block;
    height: 32px;
    width: 40px;
    position: relative;
}
span.total_favorits span.num{
    background-color: #679CD9;
    text-shadow: 1px 1px 2px #000;
    color: #fff;
    border-radius: 6px;
    padding: 4px;    
    border: 1px solid #999;
    
    display: inline-block;
    position: absolute;
    bottom: -4px;
    right:0px;
}


.fitxa_article_llistat span.total_comentaris,.fitxa_article_llistat span.total_megusta{
    float: right;
    margin-top: -8px;
    margin-bottom: 6px;
}

span.megusta span.total_megusta{
    vertical-align: middle;
}
span.megusta img.usuari_mini{
    vertical-align: middle;
}

button.me_gusta{
    background-color: #D7D7D7;
    color: #3F3F3F;
    background-image: url('images/16/cua3.png');
    background-repeat: no-repeat;
    background-position: 3px 3px;
    padding-left: 22px;
    font-size: 0.9em;
    line-height: 24px;
    height: 24px;
    border: 1px solid #C5C5C5;
}
button.me_gusta:hover{
    background-color:#325C8E; color:#fff; border-color:#9dACCE;
}

button.favoritos{
    background-color: #D7D7D7;
    color: #3F3F3F;
    background-image: url('images/16/333-fav.png');
    background-repeat: no-repeat;
    background-position: 3px 0px;
    border: 1px solid #C5C5C5;
    padding-left: 22px;
}
button.favoritos:hover{
    background-color:#325C8E; color:#fff; border-color:#9dACCE;
}

button.comentaris{
    background-color:#D7D7D7;
    color: #3F3F3F;
    background-image: url('images/16/comments2.png');
    background-repeat: no-repeat;
    background-position: 3px 2px;
    border: 1px solid #C5C5C5;
    padding-left: 22px;
    position: absolute;
    top: 5px;
    right: 10px;
    height: 24px;
    line-height: 24px;
}
button.comentaris:hover{
    background-color:#325C8E; color:#fff; border-color:#9dACCE;
}



div.seguidors{
    margin-bottom: 10px;
}
div.seguidors img.usuari_mini{
    margin-left: 6px;
}

/*
div.seguidors div.seguir{
    display: inline-block; margin-left: 20px;
    vertical-align: middle;
}*/
div.seguidors span.total_favorits,div.seguidors img.usuari_mini{
    vertical-align: middle;
}

div.seguidors span.text_seguir{
    margin-left: 20px;
}


button.blau{
    background-color: #679CD9;
    text-shadow: 1px 1px 2px #000;
    color: #fff;
    border: 1px solid #CAD4E7;
    font-size: 0.9em;
}
button.blau:hover{
    background-color:#325C8E; color:#fff; border-color:#9dACCE;
}

.imatge_ok{
    background-image: url('images/16/check2.png');
    background-repeat: no-repeat;
    background-position: 3px 0px;
    padding-left: 22px;
}
.imatge_cancel{
    background-image: url('images/16/cancel.png');
    background-repeat: no-repeat;
    background-position: 3px 0px;
    padding-left: 22px;
}

div.subscripcio{
    margin: 5px 0px;
    background-color: #fff;
    border: 1px solid #999;
    padding: 2px;
}
div.subscripcio div.wrap_c{
    background-color: #990000;
    padding: 10px;
}

div.subscripcio span.titol{
    font-size: 11pt;
    display: block;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 3px #000;
    margin-bottom: 10px;
}

div.subscripcio span.preu{
    color: #fff;
    font-size: 11pt;
    font-weight: bold;
    text-shadow: 2px 2px 3px #000;
    margin-right: 20px;
}

div.subscripcio div.descripcio{
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    padding: 6px 10px;
    margin: 10px 0px;
}

div.subscripcio span.mesos{
    color: #fff;
    font-style: italic;
}

div.fitxa_article table{
    max-width: 100% !important;
}
div.fitxa_article img{
    max-width: 100% !important;
    height: auto !important;
}

div.clear{
    clear: both;
}


form.datos_usuario fieldset.datos label.tipus_act,#fs_nou_usuari label.tipus_act {
    width:auto;
    display: inline-block;
}

#input_datos_usuario_actividad_0,#input_datos_usuario_actividad_1{
    display:none;

}


form.datos_usuario fieldset.datos p.camp_actividad label{

}

#fs_interesos span.titol_sector{
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
}

div.menu_petit{
    display: block !important;
}
@media(min-width:1000px){
    div.menu_petit{
       display: none !important;
    }
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
#div_patrocinadors_web{
    background-color: #ddd;
    margin-bottom: -20px;
    padding: 5px 0px;
    text-align: center;
}
#div_patrocinadors_web span{
    color:#6F6F6F;
    display: block;
    margin: 8px;
}
#div_patrocinadors_web img{
    margin: 5px 10px;
    background-color: #fff;
    padding: 3px;
    border: 1px solid #ccc;
    width:100px;
  border-radius: 20px;
  padding: 10px;
  box-shadow: inset 1px 1px 8px rgba(0,0,0,0.2);
}

.fons_login{
    background-color: #679CD9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #679CD9), color-stop(100%, #D8E5F5));
    background-image: -webkit-linear-gradient(top, #679CD9 0%,#D8E5F5 100%);
    background-image: -moz-linear-gradient(top, #679CD9 0%, #D8E5F5 100%);
    background-image: -ms-linear-gradient(top, #679CD9 0%, #D8E5F5 100%);
    background-image: -o-linear-gradient(top, #679CD9 0%, #D8E5F5 100%);
    background-image: linear-gradient(top, #679CD9 0%, #D8E5F5 100%);            
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#679CD9', endColorstr='#D8E5F5)');
}

.fons_gris_transparent{
    background-color: rgba(238,238,238,0.42);
}

#div_login_popup{
    width:320px;
    padding: 0px;
}
div.login .ui-dialog-titlebar {display:none}

#div_login_popup div.fons_login{
    padding:10px;
}

#div_login_popup div.fons_gris_transparent{
    padding:10px 50px;
    margin: 0px auto;
    width:200px;
}

input.gran{
    height: 44px;
    font-size: 16px;
    
   
    webkit-appearance: none;
    appearance: none;
    display: inline-block;
    height: 36px;
    padding: 0 8px;
    margin: 0;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;

    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    font-size: 15px;
    color: #404040;   
    
    
    width: 100%;
    display: block;
    
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
    
}
select.gran{
    webkit-appearance: none;
    appearance: none;
    display: inline-block;
    height: 36px;
    padding: 0 8px;
    margin: 0;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    font-size: 15px;
    color: #404040;
    width: 100%;
    display: block;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
}


#div_login_popup input:hover, #div_registre_compacte input:hover{
    border: 1px solid #7E7E7E;
    border-top: 1px solid #6E6E6E;
}
#div_login_popup input:focus, #div_registre_compacte input:focus{
    outline: none;
    border: 1px solid #4d90fe;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
#div_login_popup img.foto, #div_registre_compacte img.foto{
    height: 80px;
    width: 80px;
    margin: 0px auto;
    margin-bottom: 10px;
    display: block;
}

#boto_login_div_registre{
    width:100%;
}

#div_login_popup p{ margin: 6px 0px;}

#div_login_popup .petit{
    font-size: 8pt;
    color:#444;
}
#div_login_popup p.password_oblidat,#div_registre_compacte p.password_oblidat{
    text-align: right;
}

#div_registre_compacte p.petit label, #div_registre_compacte p.petit a{
    color: #236AD6;
}

#div_login_popup img.logo_3tresos,#div_login_popup img.logo_titol{
    display: block;
    margin: 0px auto;
}

#div_login_popup #input_email, #div_registre_compacte #input_email{
    margin-bottom:4px;
}

#div_login_popup #botoRegistre{
    margin-top: 6px;
}

#img_tancar_login{
    position: absolute;
    right:2px;
    top:2px;
}

.w35{ width:35%; }
.w50{ width:50%; }
.w65{ width:65%; }
.w100{ width:100%; }



#div_header_login button{
    float: right;
    margin-right: 20px;
    margin-top: 20px;
}

    
#p_frase_crear_compte{
    color:#fff;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    margin: 0px;
}
@media(min-width:1000px){
    #p_frase_crear_compte{
        text-align: left;
        margin: 6px 0px;
    }
    #div_header_login{
       margin-bottom: 20px;
    }    
}
#p_enviar_dades{
    margin-bottom: 0px;
}
#div_registre_compacte span.actividad label{
    font-size: 8pt;
}

#div_registre_compacte  p.camp_veterinario,#div_registre_compacte  p.camp_pais{
    margin: 0px;
}

#div_header_login img.logo_3tresos{
    height: 50px;
    display: inline-block;
    vertical-align: middle;

}
#div_header_login img.logo_titol{
    display: inline-block;
    vertical-align: middle;
}
#div_wrap_registre_compacte div.reg{
    margin-bottom: 7px;
}
#div_wrap_registre_compacte div.reg.vet_pais{
    margin-bottom: 0px;
}

p.boto_login{
    margin: 0px auto;
    margin-top: 8px;
    text-align: center;
    width:300px;
}

@media(min-width:1000px){
    #div_header_login img.logo_3tresos{
        height: 68px;
    }
    #div_header_login img.logo_titol{

    }    
    p.boto_login{
        margin: 0px;
        margin-top: 8px;
    }
}

#input_datos_usuario_enviar,#boto_div_login_solicitar_pass{
    width:100%;
}

#div_wrap_ventajas iframe{
    position: absolute;
    top:140px;
    right:70px;
}

#div_wrap_ventajas p.ventajas,#div_wrap_ventajas p.ventaja{
    font-size: 11pt;
    color:#fff;
    width:400px;
    text-align: left;
    float: right;
    clear: both;
    margin-right: 20px;
    margin-top: 0px;
}
#div_wrap_ventajas p.ventajas b,#div_wrap_ventajas p.ventaja b{
    font-style: italic;
    font-size: 12pt;
}


#div_registre_compacte #span_password{
    width: 136px;
    margin-right: 4px;
}
#div_registre_compacte #span_password2{
    width: 136px;
    margin-left: 4px;
}
#div_registre_compacte #span_nombre{
    width: 106px;
    margin-right: 4px;
}
#div_registre_compacte #span_apellidos{
    width: 166px;
     margin-left: 4px;
}

#div_registre_compacte #span_veterinari{
    width:92px;
    margin-right: 8px;
}
#div_registre_compacte #span_pais{
    width:180px;
}



#div_slider_ventajas iframe{
    display: none;
}
#div_slider_ventajas div.slide{
    display: none;
}

div.perfil{

}
@media(min-width:1000px){
    div.perfil{
        position: relative;
        padding-left: 200px;
    }
    #span_perfil_foto{
        position: absolute;
          left: 0px;
          top: 0px;        
    }
}

.text_1_linia{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



div.interesos_sector{
    display: inline-block;
    vertical-align: top;
    width:50%;
}
#div_interesos_sector{
    
}


span.menu{
    display: inline-block;
    width:30px;
    margin: 4px 15px;
}

span.menu span.linia{
    display: block;
    width:100%;
    height: 3px;
    background-color: #fff;
    margin-top: 3px;
}

@media(min-width:1000px){
    span.menu{
        display: none;
    }      
}


#main_publ img, #main img{
    max-width: 100%;
}


#span_lateral_usuaris{ 
    vertical-align: top; 
    width:170px; 
    display:none;
    padding: 10px;
    padding-top:0px;
    position: absolute;
}
@media(min-width:1000px){
    #span_lateral_usuaris{
        display:inline-block;
        vertical-align: top;
    }
}

div.usuari_nou{
    position: relative;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    width:160px;
    height:198px;
    display: inline-block;
    margin: 10px;
    background-color: rgba(103, 156, 217, 0.86);
    vertical-align: top;
}

div.usuari_nou span.nom{
    color: #fff;
    padding: 0px 4px;
    padding-right: 20px;
    font-size: 8pt;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 16px;
    display: block;

}
div.usuari_nou a{
    text-decoration: none;
}
div.usuari_nou img{
    width: 160px;
    height: 160px;
}
div.usuari_nou span.activitat{
background-color: rgba(238, 238, 238, 0.68);
  color: #060606;
  font-size: 8pt;
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;  
  margin-top: 2px;
}

div.usuari_nou span.usuari_fav{
    position: absolute;
    right:4px;
    top:162px;
    width:16px;
    height: 16px;
    background-image: url('images/16/fav_b.png');
    background-repeat: no-repeat;
    cursor: pointer;
    
}
div.usuari_nou span.usuari_fav.seguit{
    background-image: url('images/16/fav.png');
}

.ml20{
    margin-left: 20px;
}
.mr20{
    margin-right: 20px;
}