@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------------
	CSS generals maqueta
----------------------------------------------------------------------------------------------------*/
.Unacol{
	width:699px;
}
.zonaCont{
	float:left;
	width:630px; 
	overflow:hidden;
	padding-right:15px; 
}
.zonaLatDreta{
	float:right; padding-right:0px;
	width:227px; 
	overflow:hidden;
}

.zonaCont .float_left{
	float:left;
	padding:0 13px 15px 0;
}
.zonaCont h3{
	font-weight:bold;
	font-size:1.1em;
	line-height:1.3em;
}

/*----------------------------------------------------------------------------------------------------
	zona Lateral Dreta: noticies
----------------------------------------------------------------------------------------------------*/
.modOtros{
	width:226px;
	color:#666;
	background:url(../img/bg_migNoticies.gif) left top repeat-y;
}
/* inici pestanyes */
.modOtros .dosPestanyes{
	width:226px;
	height:39px;
	background:url(../img/pest_1on.gif) left top no-repeat;
	overflow:hidden;
}
.modOtros .pest_1on{
	background:url(../img/pest_1on.gif) left top no-repeat;
}
.modOtros .pest_2on{
	background:url(../img/pest_2on.gif) left top no-repeat;
}
.modOtros .dosPestanyes h3{
	float:left;
	color:#fff;
	padding:15px 0px 8px 0px;
	font-size:13px;
	line-height:1em;
	text-align:center;
}

.modOtros .dosPestanyes h3.op1{
	padding-left:3px;
	width:113px;
}
.modOtros .dosPestanyes h3.op2{
	padding-left:0;
	width:100px;
}

.modOtros .dosPestanyes h3.op1b{
	width:135px;
	padding-left:3px;
	padding-top:12px;
	text-align:center;
}
.modOtros .dosPestanyes h3.op2b{
	width:130px;
	padding-left:10px;
	padding-top:12px;
	text-align:center;
}
.modOtros .dosPestanyes h3 a{
	display:block;
	padding-top:5px;
	color:#ccc;
	font-weight:normal;
}
.modOtros .dosPestanyes a:hover{ 
	color:#fff;
}
.modOtros .dosPestanyes a.on,
.modOtros .dosPestanyes a.on:hover{
	color:#333;
	padding-top:0px;
}
/* final pestanyes */


.modOtros .baix{
	width:284px;
	height:15px;
	background:url(../img/bg_baixNoticies.gif) left top no-repeat;
}

.modOtros .noticia{
	font-size:1em;
	padding:11px 11px 11px 11px;
	background:url(../img/bg_otros.gif) center bottom no-repeat;
}

/*****************************************************************************************/
.modOtros li.on,
.modOtros li.noticia:hover,
.modOtros li.iehover,
.modOtros li.iehover:hover{
	cursor:pointer;
	background: url(../img/bg_on.jpg) center bottom no-repeat;
}

/*****************************************************************************************/
.modOtros li.noticia h4 a,
.modOtros .noticia .imatge a,
.modOtros .noticia .txt a{
	color:#666;
	text-decoration:none;
	background:none;
}
.modOtros .ultima{ background:none; }
.modOtros .noticia h4{
	font-size:1em;
	line-height:1.2em;
	padding:0 0 10px 58px;
}
.modOtros .noticia .imatge{
	float:left;
	width:60px;
}
.modOtros .noticia .txt{
	float:left;
	width:144px;
	font-size:1em;
	line-height:1.1em;
}
.modOtros .noticia .txt p{
	padding:0 0 6px 0;
}
.modOtros .noticia .txt a.verinfo{
	float:right;
	text-decoration:underline;
	color:#333;
	padding:0 16px 0 0;
	background:url(../img/fletxa.gif) right center no-repeat;
}
.modOtros .noticia .txt a.verinfo:hover{
	color:#365b6e;
	background:url(../img/fletxaOn.gif) right center no-repeat;
}


/***********************************************************************************
	Sistemas de alerta
************************************************************************************/
h2.subratllat{ 
	font-size:1.2em;
	line-height:1.35em;
	font-weight:bold;
	padding:0px 5px 3px 0;
	margin:0 0 9px 0;
	background:url(../img/bg_baixTit.gif) left bottom no-repeat;
}

.sistemas{
	padding:16px 0 1px 0;
}
.sistemas .imatge{
	float:left;
	width:175px;
}
.sistemas .txt{
	float:left;
	width:490px;
}



/***********************************************************************************
Más información
***********************************************************************************/

#mas_informacion a{
	float:right;
	width:289px;
	height:33px;
	background: url(../img/mas_info.gif) no-repeat;
	color:#FFFFFF;
	font-size:14px;
	padding-top:6px;
	padding-left:15px;
	cursor:pointer;
	display:block;
}
#mas_informacion a:hover{
	text-decoration:underline;
}