@charset "utf-8";
/* CSS Document */

/* hacks varios, adivinen para q browser... */
html, body, #contingut {
    min-height: 100%; /* alto minimom FF y Safari */
    width: 100%;
    height: 100%; /* alto minimo para IE Windows */
    margin: 0;
    padding: 0;
}

html>body #contingut {
    height: auto; /* con este hack escondemos el min-height de IE*/
}
/*#contingut{overflow:hidden;}*/
/* fin hacks varios */
#contingut{padding-top:50px;}

* {
    margin: 0px;
    padding: 0px;
}

body {
    background-color: #ededed;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    background-image: url(../img/fons.gif);
    background-repeat: repeat-x;
    position:relative;
}



h2{font-size:15px; padding-bottom:0px;}
h3{padding-bottom:3px;}


ul{list-style:none; margin:0; padding:0;}
ol{padding-left:42px;}

#main{margin:0 auto; width:950px;  position:relative;}
#colA, #colB{float:left;}

/*#colB #content {padding:10px;}*/

/*TOP*/
#top{height:50px; background-color:#bd2716;  width: 100%; position:absolute; top:0; left:0;}
#top #logo{text-align:right; margin:0 auto; width:950px;}




/*Formulari de solicitud*/

#formulari{color:#000;}
#formulari label{display:block; margin-top:6px;}
#formulari label.separacio{border-top:1px dashed #999; margin-top:12px; padding-top:12px; font-weight:bold;}
#formulari .text , #formulari .textarea{border:1px solid #999; font-size:10px;/* text-transform: uppercase;*/}
#formulari .textarea{width:200px;}
#formulari p{}
#formulari .submit{background-color:#999; padding:2px 6px; border:1px solid #000; color:#fff; margin-top:12px;}

/*Formulari de contacte*/
#contacte-dades{width:200px;}
#contacte-dades #formulari .text, #contacte-dades #formulari .textarea{border:0; background-color:#E8EBF0; color:#000; font-size:10px;}
#contacte-dades #formulari .submit{border:0;}

#contacte-mapa{margin-left:24px;}


/*Navegació*/
#nav{margin-bottom:4px; position:relative; /*padding:10px; background-color: #fff;*/font-size:9px; color:#999;}
#nav a{
    font-size:9px;

}
#nav .actiu{color:#000;}

#menu-sup-esq, #menu-sup-dreta{float:left;}
#menu-sup-dreta{margin-right:20px; float: right; text-align: right;}

/*IE6*/
* html #menu-sup-dreta{margin-left:142px;}
/* -- */


/*HOME PRINCIPAL*/
/*IE6*/
* html .bloc{ width:436px;}
* html .bloc2{width:240px;}
* html .bloc2 .head, * html .bloc .head{ z-index:99; position: relative;}
* html .bloc .cont,* html  .bloc2 .cont {z-index:-20; position: relative;}
/* -- */

/*IE7*/
*:first-child+html .bloc{ width:436px;}
*:first-child+html .bloc2{width:240px;}
*:first-child+html .bloc2 .head, *:first-child+html .bloc .head{ z-index:99; position: relative;}
*:first-child+html .bloc .cont,*:first-child+html  .bloc2 .cont {z-index:-20; position: relative;}
/* -- */

.bloc2{ width:210px; margin-left:12px;}
.bloc{ width:466px;}
.bloc, .bloc2{margin-bottom:24px;}
.bloc h2, .bloc2 h2{font-size:12px; color:#3c3c3c;}
.bloc .head, .bloc2 .head{padding-left:12px;}
.bloc .cont, .bloc2 .cont {border-top:8px solid #d9dadb; margin-top:-8px; z-index:-1; padding:12px; background-color:#f6f6f5; }
.bloc .link, .bloc2 .link{ padding:4px 12px;}

.resum{ font-size:10px;}
.bloc2 .unit .foto{clear:both; width:186px;}

.link a{color:#fff; display:block; /*width:452px;*/ }
.link a:hover{color:#fff;}

.agenda{color:#d06124;}
.agenda .link{background-color:#d06124;  background-image:url(../img/veure_agenda.gif); background-repeat:no-repeat; background-position:452px 5px;}
.agenda .mesinfo a{display:block; width:100px; background-image:url(../img/ico-mesinfo2.gif); background-repeat:no-repeat; background-position: 88px 1px;}

.destacat{color:#156b90;}
.destacat .link{background-color:#156b90; background-image:url(../img/veure_destacats.gif); background-repeat:no-repeat; background-position:452px 5px;}
.destacat .mesinfo a{display:block; width:100px; background-image:url(../img/ico-mesinfo.gif); background-repeat:no-repeat; background-position: 88px 1px;}

.noticia{color:#5f8e27;}
.noticia .link{background-color:#5f8e27; background-image:url(../img/veure_noticies.gif); background-repeat:no-repeat; background-position:196px 5px;}
.noticia .mesinfo a{display:block; width:100px; background-image:url(../img/ico-mesinfo3.gif); background-repeat:no-repeat; background-position: 88px 1px;}

.noticia .butlleti{background-color:#fff; background-image:url(../img/veure_butlleti.gif); background-repeat:no-repeat; background-position:196px 5px;}
.butlleti a, .butlleti a:hover{color:#000;}
.noticia .butlleti:hover{background-color:#ccc;}

* html .bloc2 .cont{ width:210px;}
* html .link a{color:#fff; display:block;  width:400px;}
* html .agenda .link{background-position: 420px 5px;}
* html .destacat .link{background-position: 420px 5px;}

* html .noticia a{width:216px;}
* html .noticia .link{background-position:226px 5px;}
* html .butlleti a, * html .butlleti a:hover{color:#000;}
/*Bloc informacio adicional*/
.info-addicional{}
.prog-info-unit .info-addicional ul{list-style:none;}
.info-addicional ul{list-style: none;}
.info-addicional ul li{margin-bottom:6px;}
.info-addicional ul li span{/*width:30px;*/ display:inline-block;text-align:center;}

/*Llistats Contingut*/
/*.unit{width:690px;}*/
.unit h2{margin:3px 0;}
.unit .foto, .unit .content, .unit .content-min{float:left;}
.unit .foto a{width:188px; height:120px; /*background-color: #eee;*/ overflow: hidden;}

.unit .foto a{
    display: block;
    border:1px solid #999; padding:2px;
}
.unit .content, .unit .content-home, .unit .content-home-nofoto {width:440px;}
.unit .content-home{float:left; width:200px;}
.unit .content-min, .unit .content-min-nofoto{width:184px;}
.unit .content-nofoto{width:690px;}
.data{font-size:9px; margin-bottom:4px;}
.resum{color:#4f4f4f;}
.mesinfo{margin-top:4px;}

.unit-separador{border-bottom:1px dotted #999; padding-top:6px; margin-bottom:6px; clear:both;}

/*Area tipus general*/
/*#area-general,#area-general #content-nofoto {width:690px;}*/
#area-general #foto, #area-general #content{float:left;}
#area-general #foto{width:200px; background-color:#efefef; border:1px solid #ccc; height:220px;margin-right:14px;}
#area-general #content{width:470px; color:#000; font-size:11px;}
#area-general #content h2, #area-serveis h2, #area-general #content-nofoto h2, #perfil-contractant #content h2{color:#BD2C16;}
#area-general #content h3, #area-general #content-nofoto h3, #perfil-contractant #content h3, #area-serveis #content h3{ font-weight:normal; font-size:12px; border-bottom:0;}
#area-general #content ul li, #area-general #content-nofoto ul li{margin:12px 0;}
#area-general #content ul li img, #area-general #content-nofoto ul li img{vertical-align:-8px;}

#perfil-contractant #llista h3{color:#BD2C16;}

#area-general p{font-size:11px;}

#content-nofoto{color:#000; font-size:11px;}

/*Area tipus llistat-serveis :: Llistat de serveis i formacions [ perfil del contractant]*/
#area-serveis, #perfil-contractant{/*width:690px; padding:10px;*/}
#area-serveis #llista h3, #perfil-contractant h3{border-bottom:1px solid #000; margin-bottom:8px; color:#000; font-weight:bold;}
#area-serveis h3{color:#000;}
#perfil-contractant #content h2.curt{width:500px;}
#perfil-contractant h3{color:#BD2C16; border:0; margin-top:8px;}
#area-serveis p, #perfil-contractant p{margin:6px 0; font-weight:normal;}
#area-serveis  #content #area-content{float:left; width:460px;}
#area-serveis  #content #llista, #perfil-contractant #llista{border:1px solid #999; padding:12px;}
#area-serveis  #content #llista table th, #perfil-contractant #llista table th{border-bottom:1px solid #ccc; text-align:center; color:#999; font-weight:normal;}
#area-serveis  #content #llista table td, #perfil-contractant #llista table td{border-bottom:1px solid #ccc; color:#000; padding:4px; text-align:center;}

#area-serveis  #content #llista table th.left, #perfil-contractant #llista table th.left{text-align:left;}
#area-serveis  #content #llista table td.left, #perfil-contractant #llista table td.left{text-align:left;}
#area-serveis  #content #llista table td.red, #perfil-contractant #llista table td.red{color:#BD2C16;}


table td, table th{
    font-size: 10px;
}

/*Equip*/
#llista-equip{}
#llista-equip .unit{width:310px; height:120px; float:left; margin-bottom:12px; margin-right:10px;}
#llista-equip .unit .nom{padding-left:4px;}
#llista-equip .foto{width:100px; height:110px;  float:left;}

#perfil-contractant #content{position:relative;}
#perfil-contractant #llista a{font-weight:normal; }

#perfil-contractant #llista h3,#perfil-contractant #content #llista h3{font-size:12px;}

/*Fitxa - Linea*/
#area-info{background-color:#efefef; /*width:674px;*/ padding:10px; color:#3c3c3c; margin-bottom:12px;}
#area-info h2{color:#959595;}
#area-info-cont{width:500px; float:left;}
#area-info-foto{float:left; background-color:#999;}

/*IE6*/
* html #linea-info{width:420px;}
/* -- */

#linea-info{float:left;}
#linea-info{width:446px; margin-top:4px; position:relative; font-size:11px;}
#linea-info h2{color:#585858;}
#linea-info .subtitol{color:#969696; font-size:13px; margin-bottom:6px;}
#linea-info{color:#3c3c3c;}

#linea-programes{width:210px; margin-right:20px; float:right; background-color: #fff; position: relative; z-index: 999;}
#linea-programes .link{background-color:#585858; }

* html #linea-programes #programes{width:204px;}
* html #linea-programes #programes .link{}

*:first-child+html #linea-programes .bloc2 .cont{width:190px; } 
*:first-child+html #linea-programes .bloc2 .link{width:190px; height:2px;}

ul#programes{list-style-image:url(../img/ico-menu.gif); margin-left:12px;}
ul#programes li{}
ul#programes li.intro{/*border-bottom:1px solid #585858; margin-bottom:1px;*/}
ul#programes li a{display:block; color:#3c3c3c; padding:4px;}
ul#programes li a.actiu,ul#programes li a.actiu:hover{background-color:#585858; color:#fff;}
ul#programes li a:hover{background-color:#D9DADB; color:#000;}


/*Fitxa - Linea - Programes :: TABS*/
.tab-menu { color:#585858; border-bottom:8px solid #999; height:23px; }
.tab-menu ul {margin:0px; padding:0px; list-style:none;}
.tab-menu li {display:inline; line-height:23px; height:46px; margin-right:4px;}
.tab-menu li a { color:#585858; text-decoration:none; padding:4px 5px;  background-color:#ececec;  border:1px solid #d7d7d7; border-bottom:0;}
.tab-menu li a:hover,.tab-menu li a.active { background-color:#999; border:1px solid #999; color:#fff;}
.tab-content{padding:12px; border:1px solid #d7d7d7; border-top:0;}

#programa_info-content{}
#programa_curs-content, #programa_solicitud-content, .inv{display:none;}

#linea-info #programa_solicitud-content h2{color:#BD2C16; font-size:13px;}
#linea-info #programa_solicitud-content h3{font-size:11px;  font-weight:normal;}
#linea-info #programa_solicitud-content .prog-info-unit .cont{width:auto;}

/*IE6*/
* html ul#programes li{margin:0; padding:0; border:1px solid #F6F6F5;}
* html ul#programes li a:hover{ color:#999;}
* html #programes li a.actiu:hover,
* html ul#programes li a.actiu{color:#000; background-color: #F6F6F5; }

* html .tab-menu{border-bottom:8px solid #999; clear:both; width:426px;}
* html .tab-menu li a:hover,* html .tab-menu li a.active {background-color:#999; border:1px solid #999; color:#fff; z-index:20;}
* html .tab-content{background-color:#fff;border-top:0; width:400px; }
/* -- */




/*Fitxa - Linea - Programes :: INFO*/
.prog-info-unit{width:420px; }
.prog-info-unit .foto, .prog-info-unit .cont{float:left;}
.prog-info-unit .foto{margin-right:12px;}
.prog-info-unit .cont, .prog-info-unit .cont-nofoto{float:left;margin-bottom:12px;}
.prog-info-unit .cont{ width:280px; }
.prog-info-unit .cont-nofoto{float:none;}
.prog-info-unit .cont h2,  .prog-info-unit .cont-nofoto h2{font-size:11px; color:#4d4d4d;}
.prog-info-unit .cont ul, .prog-info-unit .cont-nofoto ul{/*list-style:disc;*/ padding-left:24px;}
.prog-info-unit .cont ul li, .prog-info-unit .cont-nofoto ul li{margin-bottom:4px; list-style: disc;}


#convocatoria_info-content{}
#convocatoria_info-content .prog-info-unit .cont-nofoto{width:620px;}

#convocatoria_solicitud-content .prog-info-unit, #oferta_info-content .prog-info-unit, #oferta_solicitud-content .prog-info-unit{width:auto;}
#convocatoria_solicitud-content .prog-info-unit .cont, #oferta_info-content .prog-info-unit .cont, #oferta_solicitud-content .prog-info-unit .cont{width:auto;}


#oferta_solicitud-content .prog-info-unit .cont .nota h3{font-size:12px; color:#BD2C16;}

* html #perfil-contractant .tab-menu{width:646px;}
* html #convocatoria_solicitud-content{width:620px;}
/*IE6*/
* html .prog-info-unit{width:400px; padding-bottom:12px;}
* html .prog-info-unit .cont{width:260px;}

/* IE 7*/
*:first-child+html .prog-info-unit{width:400px; padding-bottom:12px;}
*:first-child+html .prog-info-unit .cont{width:260px;}
/* -- */


/*Tornar*/
#tornar{position:absolute; right:20px; top:10px;}
#tornar .fl{margin-left:12px;}

#tornar_cercador{
    background-color: #FFFFFF;
    padding: 4px;
    position: absolute;
    right: 0;
    top: -12px;
}

/*Noticies*/
#noticia{/*width:685px;*/ position:relative;}


#noticia #fotos{margin-right:12px; width: 220px; /*background-color: #eee;*/ min-height: 170px;}
#noticia #fotos ul{}
#noticia #fotos ul li{padding-top:4px; float:left; margin-right:4px;}
#noticia #content{width:430px; font-size:11px;}
#noticia #content .data{color:#5f8e27;}

.nota{background-color:#efefef; padding:12px; margin-bottom:6px;}
.nota h3{font-size:12px; color:#BD2C16;}
.foto{float:left; margin-right:12px;}

/*Butlleti*/
#butlleti{color:#BD2C16; font-size:9px;}
#butlleti div{margin:12px 0;}
#butlleti div h3{color:#000; font-size:14px; padding:4px 0;}

/*Peu per navegadors W3C*/
#separator{height:140px; position:relative;}
#peu{background-color:#4d4d4d; height:132px;  margin-top:-110px; z-index:10; position:relative; color:#fff; font-size:9px;}
#peu-cont{margin:0 auto; width:950px; }
#peu h2{font-size:11px; color:#fff;}
#peu #peu-cont #dades-contacte, #peu #peu-cont #menu-contingut, #peu #peu-cont #logo{float:left;width:250px; margin-top:6px; }
#peu #peu-cont #dades-contacte{width:220px; border-left:1px solid #fff; padding-left:20px; float:right;}
#peu #peu-cont #menu-contingut{width:420px; padding-left:20px;}
#peu #peu-cont #logo{padding-right:12px; margin-top:-32px; text-align:right; margin-left:0; width:218px; height:119px; background-image: url(../img/logo-peu.png); background-repeat: no-repeat;}
#peu a{color:#fff;}
/*
#peu #peu-cont #menu-contingut ul{ float:left; width:180px;}
#peu #peu-cont #menu-contingut ul li{}
#peu #peu-cont #menu-contingut ul li ul{padding-left:20px; width:240px;}*/



/*Peu per IE6*/
* html #peu{background-color:#4d4d4d; height:90px;  margin-top:-90px; z-index:10; color:#fff; font-size:8px;}
* html #peu #peu-cont{margin:0 auto; width:950px;position:relative;  }
* html #peu #peu-cont #logo{position:absolute; top:-20px; left:0; width:218px; height:119px;}
* html #peu #peu-cont #dades-contacte{font-size:9px; width:210px;}
* html  #peu #peu-cont #menu-contingut{width:440px; margin-left:110px; font-size:9px;}


* html #peu #peu-cont #logo{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo-peu.png', sizingMethod='crop');
    background: none;
}



/*Recomenar - Imprimir*/
#imprimir-recomenar{border-top:1px solid #000; padding:6px 0; width:180px; margin-top:50px;}
#imprimir-recomenar a img{border:0; vertical-align:-4px;}

#recomana-cont{background-color:#E8EBF0; position:relative; padding-left:8px; width:420px;}
#recomana-cont span{background-color:#000; color:#fff; padding:0 6px;}
#recomana-cont .fl{margin-right:8px;}


.tornar-cont{
    position:relative;
}
/*Nota de premsa*/
#nota_premsa{
    /*    width: 680px;*/
    position: relative;
}
#nota_premsa .bloc1{
    float:left;
    width:445px;
}
#nota_premsa .bloc2{
    float:right;
}
#nota_premsa h1, #nota_premsa .categoria{
    color:#BD2C16;
    font-size: 15px;
}
#nota_premsa .categoria{
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-top: 24px;
}
#nota_premsa h2{
    color:#000;
    font-size: 14px;
}
#nota_premsa h3, #nota_premsa h5{
    color:#BD2C16;
    font-weight: bold;
    font-size: 15px;
    padding-top:18px;
}
#nota_premsa p{
    /*color:#000;*/
    padding-bottom:12px;
}
#nota_premsa p.data{
    padding-top: 6px;
    padding-bottom:0;
    color:#999;
    font-size: 10px;
}
#nota_premsa .fancybox img{
    padding:2px;
    border:1px solid #ccc;
}

#nota_premsa .audio{
    padding-top:6px;
}

#nota_premsa .enllac{
    margin-bottom: 6px;
}

#nota_premsa .enllac a{

    background-image: url("../img/link.gif");
    background-repeat: no-repeat;
    background-position: left center;
    padding: 6px 0;
    padding-left: 32px;
    line-height: 24px;
}

.dotted{
    border-bottom: 1px dashed #ccc; 
}
#nota_premsa .unit{
    padding-bottom: 8px;
    margin-top:8px;

}

#nota_premsa .unit .foto {
    position: relative;
}

#nota_premsa .unit .foto .play{
    background-image: url("../img/play.png");
    background-position: center;
    background-repeat: no-repeat;
    height:120px;
    display: block;
    margin-right:14px;
/*    padding-bottom:6px;*/
    width:188px;
    position: absolute;
    top:0;
    left: 0;

}

#nota_premsa .content-nofoto{
    width: auto;
}
#nota_premsa a.sol_video{
    padding:8px;
    display: block;
    width: 455px;
    margin-top:8px;
    background-color: #ececec;
}

#nota_premsa .form_video{
    display: none;
    border-top: 1px dashed #ccc;
    padding:8px;
    position: relative;
    background-color: #ececec;
    width: 455px;
}
#nota_premsa .form_video .fl{
    margin-right: 24px;
}
#nota_premsa .form_video label{
    display: block;
    padding: 4px 0;
}
#nota_premsa .form_video  .submit{
    position: absolute;
    bottom: 20px;
    right: 8px;
}
#nota_premsa .form_video .text{
    width: 210px;
    padding:2px;
}


/*Cercador de notes de premsa*/
#nota_premsa #cercador-premsa{
    padding:12px;
    background-color: #ccc;
}
#nota_premsa #cercador-premsa h4{
    color:#000;
    padding-bottom:6px;
    font-size: 14px;
}
#nota_premsa #cercador-premsa td{
    padding:4px 0;
}

#nota_premsa #cercador-premsa td.label{
    width: 80px; 
}
#nota_premsa #cercador-premsa td select{
    width: 230px;
    background-color: #fff;
    color:#000;
}

#nota_premsa #cercador-premsa .submit, #nota_premsa .form_video  .submit{
    padding:1px 4px;
    background-color: #000;
    color:#fff;
    border:0;
}

p.notfound{
    padding:12px 0;
    font-style: italic;
}
p.notfound strong{
    color:#999;
    font-weight: normal;
}

p.tags{
    color:#BD2C16;
}


#playlist{
    padding: 6px 0;
}
#playlist .foto{
    margin-right: 6px;
}




/**
* Enllaços del contingut
*/
#noticia #content a, #noticia #content-nofoto a, #contacte-dades a, #nota_premsa a, .prog-info-unit a{
    color:#BD2C16;
    text-decoration: none;
}
#noticia #content a:hover, #noticia #content-nofoto a:hover{
    text-decoration: underline;
}

a#imprimir, a#recomenar{
    color:#999; text-decoration:none; outline:none;
}

/*Altres*/
.tornar{padding:8px 0; text-align:right;}
.error{color:red;}
a.red{color:#BD2C16;}
a{color:#999; text-decoration:none; outline:none;}
a:hover{color:#000;}
a img{border:0;}
.inv{display:none;}
.gris{color:#666;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both; height:12px;}
.va{vertical-align:-10px;}
.va12{vertical-align:-12px;}
.va8{vertical-align:-8px;}
.va7{vertical-align:-7px;}
a.mesinfo-red{
    padding:12px 0;
    background-image:url(../img/mesinfo-red.gif);
    background-repeat:no-repeat;
    background-position: center right;
    padding-right: 14px;
}

