/* CSS Document */

HTML { background-color:#FFFFFF; padding:0px; margin:0px;}

BODY { padding:0px; margin:auto; font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#313131; width:1000px;}

H1, H2, H3, H4, H5, H6 {margin:0px; padding:0px;}
H3{color:#aab300;}

A, A:hover{color:#572680; text-decoration:none;}
A IMG {border:none;}
P {margin:5px 5px 5px 5px; padding:0px; text-align:justify; line-height:20px;}

.header {}
.body {background-color:#FFFFFF; padding-top:0px; padding:0px; margin:0px; overflow:hidden;}
.contingut {overflow:auto;}
.content { margin-top:5px; overflow:auto;}
.footer { margin:auto; color:#313131; font-size:10px; text-align:left; overflow:auto; border-top:1px solid #CCCCCC;}
.footer A{color:#313131;}

.logo {}
.fil {font-size:10px;}

.menu{ background:url(../img/fons_menu.jpg) repeat-x; overflow:hidden; height:25px;}
.menu UL{ padding:0px; margin:0px; font-size:14px;}
.menu LI{ list-style:none; padding:0px; margin:0px; float:left;}
.menu IMG {vertical-align:middle; padding-right:5px;}
.menu UL A{ color:#45464a;  height:23px; display:block; padding:4px 11px 0px 11px; margin-bottom:2px;}
.menu UL.mLeft {float:left;}
.menu UL.mRight {float:right;}
.menu UL.mLeft A{ background:url(../img/separador.jpg) right no-repeat;}
.menu UL.mRight A{ background:url(../img/separador.jpg) left no-repeat;}
.menu UL A:hover{ color:#FFFFFF; background-color:#4B297C;}

.columnaDreta{ width:224px; padding:4px; margin-left:10px; float:right;}
.columnaEsquerra{ width:305px; float:left; padding:10px; margin:10px;}
.contingutInferior{ clear:both; padding:10px;}


.box_destacat{width:349px; height:322px; background-color:#8b42ad; overflow:hidden; float:left;}
.box_destacat H5 {color:#FFFFFF; background-color:#FFFFFF; font-size:14px; font-weight:100; margin-bottom:2px;}
.box_destacat H5 span {background:url(../img/box_right.jpg) right no-repeat; background-color:#8b42ad; padding:0px 20px 0px 15px;}
.box_content {padding:2px; color:#FFFFFF;}
.box_img {height:252px; width:345px; overflow:hidden; background-color:#000000; text-align:center;}
.box_text {text-align:justify; width:342px; overflow:hidden; background-color:#8b42ad; margin:2px;}
.box_text H6 {color:#FFFFFF; font-size:13px; font-weight:bold; }

.box_graella {width:282px; height:323px; float:left; overflow:hidden; margin:0px 10px;}
.box_graella H5 {color:#FFFFFF; background-color:#FFFFFF; font-size:14px; font-weight:100; margin:auto; text-align:center; border-bottom:5px solid #8b42ad; width:230px;}
.box_graellaL {background:url(../img/box_left.jpg) left no-repeat; background-color:#8b42ad; padding:0px 10px 0px 20px;}
.box_graellaR {background:url(../img/box_right.jpg) right no-repeat; background-color:#8b42ad; padding:0px 10px 0px 0px;}
.box_graellaContent {border:1px solid #333333; height:300px;}
.box_graellaLlistat {height:280px; overflow:auto;}
.box_graellaLlistat TD {padding-bottom:2px;}
.box_graellaData {text-align:center; border-bottom:1px solid #666666;}
.box_graellaData SPAN IMG { padding:4px 3px 0px 3px;}

.box {margin-top:15px; margin-bottom:0px; overflow:auto;}
.box H1 { background:url(../img/bg_box.jpg) repeat-x; height:24px; color:#FFFFFF; font-size:18px; font-weight:100; padding-left:20px;}
.box_municipis { background:url(../img/bg_muni.jpg) repeat-x; height:75px;}
.box_municipis TABLE { width:100%;}
.box_municipis TD {width:auto; font-size:18px; font-weight:100; padding:5px; letter-spacing:5px; text-align:center;}
.box_municipis A {color:#000000;}

.icoProgrames {background:url(../img/minTv.png) no-repeat right center; margin-right:5px;}
.box_programa {width:160px; height:150px; float:left; margin:20px; font-size:14px;}
.box_programa .imgPrograma {padding:2px; border:1px solid #999999; margin-bottom:2px;}
.box_programa .imgPrograma:hover{background-color:#572680;}
.box_programa A {color:#000000;}

.box_banner{ width:350px; overflow:hidden; margin:auto;}
.box_banner_img {}
.box_banner_text {display:none; position:absolute; width:346px; text-align:left; background-color:#000000; color:#FFFFFF; overflow:hidden; padding:2px;}


.banner {text-align:center; width:350px; margin-left:10px; float:right;}
.websMunicipals IMG{ margin: 0px 10px; filter: alpha(opacity=50); opacity: .5;}
.websMunicipals IMG:hover{ filter: alpha(opacity=100); opacity: 1;}

.programes { overflow:auto; border-bottom:1px solid #999999; padding:0px 0px 10px 0px; margin-bottom:20px;}
.programes IMG { margin: 0px 15px 15px 0px; float:left; }
.contentProgrames { margin-left:180px;}

.button {cursor:pointer; background:url(../img/fons_boto.jpg) repeat-x; height:20px; font-size:13px; font-weight:bold; color:#FFFFFF; margin:5px; padding:3px 10px 0px;}
A.button {color:#FFFFFF;}
.button IMG {vertical-align:middle; padding-right:5px;}

.perfilContractant DIV{padding:10px; border-bottom:1px solid #999999; margin-bottom:10px; overflow:auto;}
.perfilContractant H1 {font-size:20px; text-align:center; margin:50px 0px;}
.perfilContractant H2 {font-size:16px;}
.estatPerfilS {text-align:center;}

/* text */
.textp {font-size:10px;}
.textm {font-size:14px;}
.textg {font-size:18px;}

UL.paginacio {margin:0px; padding:0px; display:inline-block;}
.paginacio LI { float:left; margin:2px; padding:0px; list-style:none; border-right:0px solid #333333;}
.paginacio LI A { padding-top:1px; display:block; color:#333333; width:20px; height:15px; text-align:center; }
.paginacio LI A.current, .paginacio LI A:hover { /*background-color:#810000; color:#FFFFFF;*/ border-bottom:2px solid #aab300;}
.paginacio LI.last { border-right:0px solid #810000;}
.paginacio LI.text {}

.formulari {background-color:#E6E6E6; overflow:auto;}
.formulari TD { padding:5px 5px 10px 5px; }
.formulari TEXTAREA { width:100%; height:100px; }
.formulari INPUT { font-size: 12px;}

/* Missatges styles */
.error { background-color:#E6E6E6; background-image:url(../img/error.png); background-repeat:no-repeat; border:1px solid #CCCCCC; 
		margin:5px; padding:5px; padding-left:80px; min-height:55px; color:#333333;}
.error LI{ list-style:circle; border:none; font-weight:bold;}

.msg { background-color:#E6E6E6; background-image:url(../img/alert.png); background-repeat:no-repeat; border:1px solid #CCCCCC; 
		margin:5px; padding:5px; padding-left:80px; min-height:55px; color:#333333;}
.msg LI{ list-style:circle; border:none; font-weight:bold;}

.ok { background-color:#E6E6E6; background-image:url(../img/ok.png); background-repeat:no-repeat; border:1px solid #CCCCCC; 
		margin:5px; padding:5px; padding-left:80px; min-height:55px; color:#333333;}
.ok LI{ list-style:circle; border:none; font-weight:bold;}


.floatRight {float:right;}
.floatLeft {float:left;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}


/* List styles */
.llistat { overflow:auto;}
.llistat span.results {font-size:10px;}
.list{padding:0px; margin:0px; width:100%; overflow:auto; border-collapse:collapse;}
.list TR{margin:0px; padding:0px;}
.list TR:hover{ background-color:#eeeeee;}
.list TD {padding:5px; margin:0px; border-bottom:1px solid #e7e7e7; width:auto;}
.list .list_border TD {border-right:1px solid #e7e7e7; border-color:#000000;}

.list .listHeader TD{color:#3366b9; border-bottom:2px solid #3366b9; background-color:#ffffff;}
.list .listHeader A {color:#333333; font-size:14px; font-weight:bold; border:none;}

.listPaginacio { overflow:auto;}
.listPaginacio UL{ margin:5px; padding:2px; text-align:right; overflow:auto; float:right;}
.listPaginacio A, .listPaginacio .invalid, .listPaginacio .others {border:1px solid #3366b9; float:left; width:16px; height:16px; padding:2px; text-align:center; background-color: #e7e7e7; overflow:auto;} 
.listPaginacio LI{ display:inline; list-style:none; margin:5px; padding:0px;}
.listPaginacio A:hover, .listPaginacio .current{ background-color:#3366b9; color:#FFFFFF; cursor:pointer;}
.listPaginacio .invalid{ border:1px solid #CCCCCC}
.listPaginacio .others{ border:1px solid #CCCCCC; min-width:16px; width:auto; margin:0px 5px 0px 5px;}

.listPaginacio .Fanterior{background-image:url(../img/fletxaL.gif); background-position:center; background-repeat:no-repeat}
.listPaginacio .Fseguent{background-image:url(../img/fletxaR.gif); background-position:center; background-repeat:no-repeat}

.list_filter{margin:5px; }
.list_filter TABLE{ border:1px solid #3366b9; background:#eeeeee; }
.filter_button{float:right; cursor:pointer; padding:1px; clear:both;}
.filter_button IMG { float:left;}