@charset "UTF-8";
body {
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #330033;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 16px;
	background-color: #E60617;
    }

    .oneColElsCtr #container {
	width: 930px; /* esto anula text-align: center en el elemento body. */
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #E60617;
    }

    .oneColElsCtr #mainContent {
	background-image: url(rcs/fons_cos.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
    }
#cap {
	height: 330px;
	background-image: url(rcs/fons_cap1.jpg);
}
#peu {
	background-image: url(rcs/fons_peu.gif);
	height: 140px;
	background-repeat: no-repeat;
	background-color: #DB3036;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}  
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
 }
 p a{
	color: #db3036;
	text-decoration: none;
 }
td  a{
	color: #db3036;
	text-decoration: none;
 }
 p a:hover{
	color: #330033;
 }
td  a:hover{
	color: #330033;
 }
.botigues  a{
	color: #330033;
	text-decoration: none;
 }
.botigues  a:hover{
	color: #db3036;
 }
 #menu {
	float: left;
	width: 128px;
	height: 320px;
	background-image: url(rcs/menuFonsA_00.gif);
}
#principal {
	float: left;
	width: 535px;
	text-align: justify;
	margin-left: 25px;
}

#idioma {
	float: right;
	width: 350px;
	margin-right: 15px;
	text-align: right;
}
#idioma a {
	margin-left: 20px;
	color: #F1B6A5;
	text-decoration: none;
	
}
#idioma a:hover {
	margin-left: 20px;
	color: #330033;
	text-decoration: none;	
}

#peuDireccio {
	float: right;
	width: 500px;
	margin-right: 15px;
	text-align: right;
	color: #F1B6A5;
	padding-top: 55px;
}
#peuDireccio a {
	color: #F1B6A5;
	text-decoration: none
}
#peuDireccio a:hover {
	color: #330033;
	text-decoration: none;	
}
#menu2 {
	float: left;
	width: 162px;
	height: 320px;
	background-image: url(rcs/menuFonsB_00.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-decoration: none;
}
.imaDreta {
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
	background-image: url(rcs/foto_noticies.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 15px;
	padding-bottom: 15px;
}
.Titular {
	font-size: 16px;
	font-weight: bold;
	color: #DB2A37;
}
.titular2 {
	color: #db3036;
	clear: both;
}

/* formulari
######################################################### */
.colFormB {
	width: 530px;
	font-size: 12px;
	color: #DB2A37;
	margin-bottom: 10px;
}
.colForm {
	font-size: 12px;
	color: #DB2A37;
	margin-bottom: 10px;
	margin-left: 145px;
	margin-right: 5px;
}
#formulari/* Formulari */
 {
	width: 535px;
}
.textFieldB {
	width: 380px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	vertical-align: middle;
	margin-top: 2px;
	padding: 2px;
	float: right;
	border: 1px solid #DB3036;
}

.textAreaB {
	width: 383px;
	height: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #DB3036;
	background-color: #FFFFFF;
	vertical-align: middle;
	margin-top: 2px;
	float: right;
}
.colEsquerraForm {
	float: left;
	width: 450px;
	padding-left: 100px;
	padding-right: 30px;
	margin: 0px;
	text-align: left;
	padding-top: 37px;
}

.colFormulari {
	float: left;
	padding-left: 81px;
}

/* ######################################################### */

.btPastilla {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	width: 535px;
	text-align: justify;
}
.engloba {
	margin-left: 30px;
}

/*************** PAGINACIO *******************************/
.classAntseg {
	height: 30px;
	width: 30px;
}

.classTaula {
}

.classTaula a  {
	font-size: 12px;
	color: #850715;
	text-decoration: none;
}
.classTaula  a:hover  {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.classInactiu  {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 30px;
	background-image: url(rcs/bt_num_over.gif);
	text-align: center;
}
.classActiu  {
	height: 30px;
	width: 30px;
	background-image: url(rcs/bt_num.gif);
	text-align: center;
}

/* POPUP MAPA */
#modal_container {
	/*padding:5px;  
    background-color:#fff;*/
    overflow:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align:left;
	padding: 3px;
	background-color: #F1B6A5;
} 
 
#modal_overlay {  
    background-color:#000;
}
.poblacions   a  {
	color:#DB2A37;
	padding-top:8px;
	width:140px;
	height:22px;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration:none;
	font-size:12px;
}
.poblacions    {
	color:#DB2A37;
	padding-top:8px;
	width:140px;
	height:22px;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	cursor: pointer;
}
.poblacionsNet a    {
	color:#FFFFFF;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
}
.primerMenu    a  {
	color:#DB2A37;
	padding-top:8px;
	width:100px;
	height:22px;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	font-weight: bold;
	padding-left: 15px;
}
.primerMenu    {
	color:#DB2A37;
	padding-top:8px;
	width:100px;
	height:22px;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	cursor: pointer;
	font-weight: bold;
	padding-left: 15px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.primerMenuNet  a    {
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
}
.textForm {
	width: 120px;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	text-align: right;
}

.form {
	width: 380px;
	float: left;
	margin-bottom: 10px;
}
/* ens reseteja els estils del sexybox pel que necessitem */
#SexyAlertBox-Box {
  background-image:none;
  padding: 0px;
}

#SexyAlertBox-InBox {
  background-image:none;
  padding: 0px;
}

#SexyAlertBox-BoxContent {
  padding: 0px 0px;
}

#SexyAlertBox-Box .BoxOctubre {
  background: url('rcs/banner_Sial.jpg') top left no-repeat;
  height:176px;
  width:425px;
  padding: 0px;
  background-color:#FFFFFF;
}
.popupSial {
	color:#FFFFFF;
	font-size:14px;
	padding: 25px 180px 30px 30px;
}
.popupSial a {
	color:#FFFFFF;
}
.popupSial a:hover{
	color:#FFFFFF;
}

#boto_video{
	text-align:left;
	padding-left:5px;
}


/********************** estils per carousel ************************************/

#mini_noticies{
	width:252px;
	float:right;
	margin-left:10px;
	padding-top:5px;
}

.mini_not{
	width:252px;
	height:75px;
	margin-bottom:2px;
	background-image:url(rcs/mini_noticia.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}

.mini_not:hover{
	background-image:url(rcs/mini_noticia_over.gif);
}

.mini_not:hover .not_titol{
	color:#d50318;
}

.not_foto{
	float:left;
	width:85px;
	margin-left:10px;
	margin-top:12px;
}

.not_titol{
	float:left;
	width:140px;
	margin-top:12px;
	font-size:11px;
	line-height:12px;
	color:#666;
	text-align:left;
	
}