/*********************************** Estil del color menu **************************************/

#menu{
border-left: 1px solid #b8b8b8;
background: #f2f2f2 url('/socweb/export/system/modules/gov.soc.web/resources/img/ombra_menu_s.gif') repeat-y top right;
}
*html #menu{
width: 254px;
margin: 0px;
}


#menu ul{
border-right: 1px solid #b8b8b8;
border-bottom: 2px solid #fbfbfb;
background: #f2f2f2 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s1_off.gif') repeat-x top left;
}
*html #menu ul{
border-bottom: 4px solid #fbfbfb;
}


#menu ul li{
background: #f2f2f2 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s1_off.gif') repeat-x top left;
border-top: 1px solid #cacaca;
}


#menu ul li.dubtes{
background: #f2f2f2 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_dubtes_s1_mo.gif') repeat-x top left;
border-top: 1px solid #c8d2a0;
margin:0px;
padding:0px;
}


#menu ul li.dubtes a img{
margin:4px;
border:0px;
}

#menu ul li.dubtes a{
background:none;
margin:0px;
padding:0px;
}


#menu ul li.dubtes a:hover{
background:none;
margin:0px;
padding:0px;
}

#menu ul li.dosLines a:hover{
background: #d7d7d7 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s2_mo.gif') repeat-x top left;
/*border-top: 1px solid #cacaca;*/
}

#menu ul li.tresLines a:hover{
background: #d7d7d7 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s3_mo.gif') repeat-x top left;
/*border-top: 1px solid #cacaca;*/
}

#menu ul li a{
color:#4d4d4d;
}


#menu ul li a:hover{
background: #c5c5c5 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s1_mo.gif') repeat-x top left;
}

#menu ul li.dosLines a:hover{
background: #c5c5c5 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s2_mo.gif') repeat-x top left;
}

#menu ul li.tresLines a:hover{
background: #c5c5c5 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s3_mo.gif') repeat-x top left;
}

#menu ul li.quatreLines a:hover{
background: #c5c5c5 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s4_mo.gif') repeat-x top left;
}

#menu ul li.selected,
#menu ul li.active{
background: #868686 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s1_on.gif') repeat-x top left;
border-top: 1px solid #656565;
}

#menu ul li.selected.selDosLines,
#menu ul li.active.selDosLines{
background: #868686 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s2_on.gif') repeat-x top left;
border-top: 1px solid #656565;
}

#menu ul li.selected.selTresLines,
#menu ul li.active.selTresLines{
background: #868686 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s3_on.gif') repeat-x top left;
border-top: 1px solid #656565;
}

#menu ul li.selected.selQuatreLines,
#menu ul li.active.selQuatreLines{
background: #868686 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s4_on.gif') repeat-x top left;
border-top: 1px solid #656565;
}

#menu ul li.dosLines{
background: #d7d7d7 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s2_off.gif') repeat-x top left;
border-top: 1px solid #cacaca;
}

#menu ul li.tresLines{
background: #d7d7d7 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s3_off.gif') repeat-x top left;
border-top: 1px solid #cacaca;
}

#menu ul li.quatreLines{
background: #d7d7d7 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s4_off.gif') repeat-x top left;
border-top: 1px solid #cacaca;
}

#menu ul li.selected a,
#menu ul li.selected a:hover{
color:#fff;
background: transparent url('/socweb/export/system/modules/gov.soc.web/resources/img/menu_selected_s1.gif') no-repeat 0px 10px;
}


#menu ul li.active a,
#menu ul li.active a:hover{
color:#fff;
background: transparent url('/socweb/export/system/modules/gov.soc.web/resources/img/menu_active_s1.gif') no-repeat 0px 12px;
}


#menu ul ul{
background: #f2f2f2 url('/socweb/export/system/modules/gov.soc.web/resources/img/ombra_menu_s2.gif') repeat-x top left;
}


#menu ul ul li{
background: transparent url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s2.gif') repeat-x top left;
border-top: 1px solid #cacaca;
}


#menu ul li.active ul li a:hover{
background: none;
}


#menu ul li.active ul li{
background: none;
}


#menu ul ul li.selected{
background: #f2f2f2 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s2.gif') repeat-x top left;
border-top: 1px solid #b6b6b6;
}


#menu ul ul li.active{
background: #f2f2f2 url('/socweb/export/system/modules/gov.soc.web/resources/img/fons_menu_s2.gif') repeat-x top left;
border-top: 1px solid #b6b6b6;
}


#menu ul li.active ul li.active a{
background: transparent url('/socweb/export/system/modules/gov.soc.web/resources/img/menu_active_s.gif') no-repeat 0px 12px;
}


#menu ul ul li.selected a{
background: transparent url('/socweb/export/system/modules/gov.soc.web/resources/img/menu_selected_s.gif') no-repeat 0px 11px;
}


#menu ul li.active ul li.selected a{
background: transparent url('/socweb/export/system/modules/gov.soc.web/resources/img/menu_selected_s.gif') no-repeat 0px 11px;
}


#menu ul li.active ul li.active a:hover{
background: transparent url('/socweb/export/system/modules/gov.soc.web/resources/img/menu_active_s.gif') no-repeat 0px 12px;
}


#menu ul li.active ul li.selected a:hover{
background: transparent url('/socweb/export/system/modules/gov.soc.web/resources/img/menu_selected_s.gif') no-repeat 0px 11px;
}


#menu ul li.active ul li a{
background: none;
color:#4d4d4d;
}


#menu ul li.active ul li a:hover{
color:#4d4d4d;
}


#menu ul ul ul{
background: #f6f6f6 url('/socweb/export/system/modules/gov.soc.web/resources/img/ombra_menu_s3.gif') no-repeat top left;
}


#menu ul ul ul li{
background-color:transparent;
background-image: none;
border-bottom: 1px dashed #b9b9b9;
}


#menu ul ul ul li.selected{
background: #f6f6f6 url('/socweb/export/system/modules/gov.soc.web/resources/img/menu_selected_s.gif') no-repeat;
background-position: 25px 10px;
border-bottom: 1px dashed #b9b9b9;
}


#menu ul ul ul li.active{
background: #f6f6f6 url('/socweb/export/system/modules/gov.soc.web/resources/img/menu_active_s.gif') no-repeat;
background-position: 23px 11px;
border-bottom: 1px dashed #b9b9b9;
}


#menu ul ul ul li.active a:hover{
background: none;
}


#menu ul li.active ul li.active ul li a{
background: none;
}


#menu ul li.active ul li.active ul li a:hover{
background: none;
}


#menu ul ul ul ul{
background: #fbfbfb url('/socweb/export/system/modules/gov.soc.web/resources/img/ombra_menu_s4.gif') no-repeat top left;
}


#menu ul ul ul ul li{
background-color: #transparent;
border-bottom: 1px dashed #d5d5d5;
}


#menu ul ul ul ul li.selected{
background: #fff url('/socweb/export/system/modules/gov.soc.web/resources/img/menu_selected_s.gif') no-repeat;
background-position: 38px 10px;
border-bottom: 1px dashed #d5d5d5;
}


#menu ul li.active ul li.active ul li.active ul li a:hover{
background: none;
}


#menu ul li.active ul li.active ul li.active ul li.selected a:hover{
background: none;
}

#ombraCap{
float:left;
width: 1001px;
background: transparent url("/socweb/export/system/modules/gov.soc.web/resources/img/ombra_cap_soc.gif") repeat-x top left;
padding-bottom: 7px;
margin-left: -1px;
}

*html #ombraCap{
margin:0px;
margin-bottom: -14px;
}

/*********************************** Fi Estil del color menu **************************************/


/***********************************************************************************/


#contingut h1{
float:left;
width: 99%;
color: #000;
background-color: #ededed;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}

#contingut h1 img{
vertical-align: middle;
margin-left: 10px;
}

*html #contingut h1 img{
padding: 2px;
}

#contingut h1 a{
float: right;
margin-top: -20px;
margin-right: 10px;
color:#000000;
text-decoration:none;
font-weight:bold;
}

#contingut h1 a:hover{
text-decoration:underline;
}

#contingut h2{
color: #000;
font-size: 1.1em;
}

#formulari{
float:left;
width:710px;
border:0px;
margin: 0px;
padding: 0px;
margin-bottom: 20px;
}

#contingut a{
color: #4c4c4c;
}

#contingut #noticies #senseDescripcio{
border: 0px;
}

/*************************** Boto ************************************/

#contingut .botoError input,
#contingut .errorBoto input,
#contingut .boto input{
color: #4C4C4C;
background-color: #DDDDDD;
border: 2px rigde #EEEEEE;
font-weight:bold;
width:342px;
}

/************************* S U B H O M E ****************************/

#contingut #video{
margin-top: 16px;
border-top: 1px dashed #d9d9d9;
padding-top: 5px;
}

*html #contingut #video{
margin-top: 20px;
margin-bottom: 10px;
}


#home_esquerra{
float: left;
width: 465px;
margin-right: 10px;
margin-bottom: 10px;
}
*html #home_esquerra{
margin-right: 5px;
margin-bottom: 0px;
}

#contingut #video #home_esquerra h1 a{
float: right;
}

#cos #contingut #video #home_esquerra ul{
float:left;
list-style-image:none;
margin:0px;
padding:0px;
}

#cos #contingut #video #home_esquerra ul li{
float:left;
display:block;
list-style-image:none;
background:#ffffff url('/socweb/export/system/modules/gov.soc.web/resources/img/raquo_soc_negreta.gif') no-repeat 4px 9px;
padding-left:15px;
border-bottom: 1px dashed #b3b3b3;
}

#cos #contingut #video #home_esquerra .article{
margin-top:-8px;
width:100%;
}

#cos #contingut #video #home_esquerra .article p{
margin-left:0px;
padding-left:0px;
}

#contingut #video #home_esquerra .article h3{
color: #4c4c4c;
font-size: 1.1em;
}

#contingut #video #home_esquerra .article .imatgeNoticies{
float:left;
margin-right:10px;
margin-top:5px;
}

#contingut #video #home_esquerra .destacat{
background: transparent url('/socweb/export/system/modules/gov.soc.web/resources/img/noticia_destacada.gif') no-repeat 0px 13px;
}

#contingut #video #home_esquerra .destacat h3{
margin-left: 20px;
}

#home_dreta{
width: 235px;
float: left;
border-left: 3px double #d9d9d9;
padding-left: 5px;
}
*html #home_dreta{
width: 242px;
}

#home_dreta ul{
clear: both;
margin: 0px;
padding: 0px;
list-style:none;
width:100%;
}

#home_dreta li{
list-style-position: outside;
margin-left: 13px;
padding-left:13px;
background:#fff url('/socweb/export/system/modules/gov.soc.web/resources/img/raquo_soc.gif') no-repeat 0px 8px;
}

#contingut #video #home_dreta h1{
padding-left: 10px;
}
*html #contingut #video #home_dreta h1{
width: 239px;
}

*html #contingut #video #home_dreta img{
width: 238px;
}

#contingut #video #home_dreta h3{
font-size: 1.1em;
padding-left:27px;
background:#fff url('/socweb/export/system/modules/gov.soc.web/resources/img/raquo_soc_negreta.gif') no-repeat 12px 42px;
}

*html #contingut #video #home_dreta h3{
margin:0;
padding:0;
padding-left:26px;
background:#fff url('/socweb/export/system/modules/gov.soc.web/resources/img/raquo_soc_negreta.gif') no-repeat 12px 8px;
}

#contingut #video #home_dreta .lineaDoble{
margin:0px;
padding: 2px;
background: none;
border-bottom: 3px double #d9d9d9;
margin-top: 5px;
margin-bottom: 10px;
}

*html #contingut #video #home_dreta .lineaDoble{
padding: 0px;
margin-top: 0px;
}

#faqs{
clear: both;
}

#faqs ul{
float: left;
clear: both;
list-style: none;
list-style-position: outside;
margin: 0;
padding: 0;
margin-left: 10px;
width:700px;
}

*html #faqs ul{
margin-left: 5px;
}

#faqs ul li{
width:700px;
background:#ffffff url('/socweb/export/system/modules/gov.soc.web/resources/img/raquo_soc.gif') no-repeat 4px 9px;
padding-left:13px;
}

#territorials ul{
list-style: none;
list-style-position: outside;
list-style: none;
margin: 0px;
padding: 0px;
margin: 20px;
}
*html #territorials ul{
/*padding-left: 10px;*/
}

#territorials ul li{
background:#ffffff url('/socweb/export/system/modules/gov.soc.web/resources/img/raquo_soc.gif') no-repeat 4px 9px;
padding-left:13px;
}

#territorials ul li.selected{
text-decoration: none;
font-weight: bold;
}
#territorials ul li.selected a:hover{
text-decoration: none;
}

#territorials ul li a{
text-decoration: none;
}
#territorials ul li a:hover{
text-decoration: underline;
}

#cos #contingut .contingutDretaMapa{
float: right;
margin-top: 8px;
margin-left: 10px;
margin-right: 5px;
margin-bottom: 5px;
text-align: center;
width: 400px;
}

/********************* divs flotants **********************/

#contingut .relacionats ul{
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

#contingut .relacionats ul li{
border-top: 1px dashed #999;
}

#contingut .relacionats h5{
background-color: #fafafa;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
}

#contingut .index ul{
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

#contingut .index ul li{
border-top: 1px dashed #999;
color:#003264;
}

#contingut .index h5{
background-color: #ededed;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
}



/************************** Formularis *********************************/

#contingut #formulari .campText img{
float: left;
margin-right: 20px;
margin-top:1px;
}

#contingut .boto.botoNoticies{
clear: none;
float: left;
margin: 0;
}

#contingut #formulari p{
clear: both;
padding-left:0px;
padding-top:10px;
border-top: 1px dashed #ccc;
}

.campText{
margin-bottom: 10px;
}


/************************ Resultados ******************************/

#resultados h2{
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #fafafa;
padding-left: 10px;
}

#resultados ul{
margin-top: 20px;
margin-bottom: 20px;
clear: left;
background: #fff;
list-style: none;
border: 0px;
}

#resultados ul li{
border: 0px;
}

#resultados ul li strong{
padding-left: 10px;
background-color: #ccc;
display: block;
border-bottom: 0px;
}

/*********************** Taules *************************/

table tr td a{
font-weight: bold;
}

/*********************************************** FORM VALIDATOR ****************************************************/

label.invalid {
color: #000;
}

label.invalid span.warn {
color: #000;
}

label.warn {
color: #000;
}

label.warn span.warn {
color: #000;
}

input.invalid,
select.invalid {
background-color: #f3f3f3;
}

textarea.invalid {
background-color: #f3f3f3;
}

input.warn,
textarea.warn,
select.warn {
background-color: #f3f3f3;
}


/************************** ac controls ****************************/

#contingut .ac ul li.selected{
background-color: #d9d9d9;
}

#contingut div.registroVideo{
		display:block;
		height:320px;
		border-bottom: 1px dashed #b9b9b9;
}

#registroVideo div.reproductor{
		width:324px;
		display:inline;
		float:left;
		margin-right:20px;
}


#registroVideo div.infoVideo{
		width:350px;
		display:inline;
		
}