/********************************************************************
 * Definici: Estils nous                                            *
 ********************************************************************/


/*  -- elements  --  */

.FW_xTitolNoticies {
    background-image: url("../img/separador_ligero.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    margin: 5px 0 0;
    padding: 0 0 5px;
}

.FW_xTitolNoticies h3 {
    color: #660303;
    font-family: Arial;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 8px;
    padding: 0;
}

.FW_iTitolNoticies{
     border-top:1px solid #ccc;
     border-bottom:1px solid #ccc;
     margin:5px 0 15px;
     padding:5px 0;
}

.FW_nTitolNoticies{
     border-bottom:1px solid #ccc;
     margin: 5px 0 0;
     padding:0;
}

.FW_nTitolNoticies h3{
     font-size:2em;
}
/*  -- portlets Col D  --  */
div#FW_sPostDesplegable{
     border:solid 1px #000;
     margin-bottom:2px;
}

div#FW_sPostDesplegable div{
     padding-bottom:8px;
}


/*  -- Portlet Hi tornem  --  */

div.portlet2{
	padding:5px 0;
}

div.portlet2 h3{
	color:#60C4DE;
	border-bottom:1px dotted #0cf;
	margin:10px 0;
	font-family:"Helvetica Neue Cond", sans-serif;
	font-size:1.8em;
	padding-bottom:2px;
	padding-left:5px;
}

div.portlet2 ul{
	list-style-type: none;
    margin:0;
    padding-left:10px;
}

div.portlet2 ul li{
	background-image:url("../img/menufletxa.png");
	background-repeat: no-repeat;
	background-position:left center;
	padding:5px 0 5px 25px;
	border-bottom:1px dotted #666;
}

div.portlet2 ul li a{
	font-size:1.1em;
	font-family:"Helvetica Neue Cond", sans-serif;
	font-weight:bold;
	color:#666;
}


/*  -- SLIDER  --  */
             div.sliderWrap{
         margin:18px 0 50px;
         padding:0;
         height: 190px;
         }

         /* Estilos si no hay soporte de JavaScript */

         #diapos{
         height:185px;
         margin:5em auto 0;
         }
         #diapos li{
         height:184px;
         list-style:none;
         position:relative;
         }


         /* Estilos si hay soporte de JavaScript */

         #diapos-on{
         margin:0;
         padding:0;
         height:184px;
         position:relative;
         }

         #diapos-on div.contentdiv{
         width:100%;
         position:absolute;
         top:0;
         left:0;
         height:184px;
         list-style:none;
         border:1px solid #ccc;
         }

         /* Estilos comunes */

         .slideLeft{
             border-right: 1px solid #ccc;
             float: left;
             overflow: hidden;
             padding: 0;
             width: 300px;
         }

         .slideLeft img{
         border:0;
         }

         .slideRight {
             float: left;
             padding-left: 0.5em;
             padding-top: 2.5em;
             width: 38%;
         }

         .slideRight p, .slideRight h3, .slideRight span.slideDate{
             font-weight:bold;
         }

         .slideRight p a{
             color:#666;
             font-size:1.2em;
         }

         .slideRight h3{
             font-size:1.4em;
             color:#000;
         }

         .slideRight span.slideDate{
             font-size:1.2em;
             margin:0;
             padding:0;
         }

         .botonesSlider{
         width:100%;
         }


         div#control, div#paginate-diapos-on, div#slideLink{
         float:left;
         margin:1em .3em;
         }

         div#control, div#paginate-diapos-on{
         border:1px solid #c9c9c9;
         }


         #control a.playButton{
         display:block;
         height:17px;
         width:39px;
         text-indent:-999em;
         background:#ccc url("../img/sliderPlay.png");
         background-position:center;
         padding:0 4px;
         }

         #control a.playButton:hover{
         background:#ccc url("../img/sliderPlay_h.png");
         background-position:center;
         }

         #paginate-diapos-on a{
         display:block;
         float:left;
         height:17px;
         width:20px;
         text-align:center;
         border-left:1px solid #c9c9c9;
         padding:0 5px;
         }

         #paginate-diapos-on a:first-child{
         border-left:0;
         }

         #paginate-diapos-on a.toc{
         background:#fff;
         color:#000;

         }

         #paginate-diapos-on .selected{
         background:#c9c9c9;
         color:#fff;
         }


         #slideLink a{
         margin-left:7.3em;
         text-decoration:underline;
         color:#ac2115;
         }


/*  -- Portlet3 Menu blau  --  */

div.menuBlau{
     width:110%;
     margin-left:-38px;
}

div.menuBlau ul{
     list-style-type: none;
     position:relative;
     left:-5px;
}

div.menuBlau ul li {
    background: url("../img/fonsDLi.png") no-repeat scroll right 0 transparent;
    display: block;
    float: left;
    height: 69px;
    margin: 2px;
    width: 24%;
}

div.menuBlau ul li:hover{
	background: url("../img/fonsDLi.png") no-repeat scroll right -70px transparent;
}

div.menuBlau ul li a span {
    display: block;
    line-height: 1.1em;
    padding: 9px 0 0 7px;
    width: 8em;
}

div.menuBlau ul li a {
    color: #FFFFFF;
    display: block;
    font-family: "Helvetica Neue Cond",sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    height: 69px;
    width:100%;
    background: url("../img/fonsDAnchor.png") no-repeat scroll 0 0 transparent;
}

div.menuBlau ul li a:hover{
	background: url("../img/fonsDAnchor.png") no-repeat scroll 0 -70px transparent;
}

.borderRight{
     border-right:1px dotted #000;
}

.borderBottom{
     border-bottom:1px dotted #000;
}



/*  -- Portlets Xarxes  --  */

div.portlet_xarxes{
     background:#60C4DE url("../img/xarxeslogos.png");
     background-repeat:no-repeat;
     height:47px;
}

div.portlet_xarxes a {
     background: url("../img/xarxesfletxa.png") no-repeat scroll right top #60C4DE;
     border-left: 1px dotted #FFFFFF;
     color: #FFFFFF;
     display: block;
     float: right;
     font-size: 1.4em;
     padding: 6px 70px 6px 5px;
     width: 18%;
}
/*  -- Portlet2 Llistat Banners  --  */

div.portlet_banners{
     height:75px;
     border:1px solid #ccc;
}

div.portlet_banners img{
     float:left;
}

div.portlet_banners a{
     background:#fff url("../img/blocfletxa.png");
     background-position:top right;
     background-repeat:no-repeat;
     color:#666;
     display:block;
     font-size:1.6em;
     font-weight:bold;
     height:74px;
     padding-top:1px;
     margin-left:115px;
}
a span.bannerDesc{
     margin:0;
     font-weight:normal;
     font-size:0.7em;
}


/*  -- Portlets Llistat links  --  */

ul.FW_nouLlistaComu {
     font-weight: normal;
     list-style-position: inherit;
     list-style-type: none;
     margin: 0 !important;
     padding: 0 !important;
}

.FW_nouTitolNoticies{
     border-bottom:1px dotted #ccc;
     padding:10px 0;
}

p.llistaLinks a{
     display:block;
     padding-bottom:5px;
     border-bottom:1px dotted #000;
     font-size:1em;
     color:#666;
     font-weight:bold;
}

/*  -- Llistat links Tamb et pot interessar  -- */
div.portlet5{
     margin:15px 0 5px;
     float: left;
     width: 100%;
}

ul.llistaPortlet5{
     list-style-type: none;
     margin:0;
     padding:5px 0;
}

ul.llistaPortlet5 li{
     font-weight:bold;
     padding:0 0 0 28px;
     margin:10px 0;
     background-image:url("../img/menufletxa.png");
     background-repeat: no-repeat;
     background-position:left center;
}

ul.llistaPortlet5 li a{
     color:#666;
}