/* GENERALES
 ------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 75%;
/*	color: #373737;*/
	color: #006687;
	line-height: 125%;
	background: #FFF;
}
a, a:link, a:active, a:visited{
	color: #5FAABF;
	text-decoration: none;
	cursor: pointer;
}
a:hover{
	text-decoration: underline;
	cursor: pointer;
}
input, select, textarea{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #006885;
}
textarea, input.caja{
	font-size: 90%;
	padding: 2px;
	border: 1px solid #E0E0E0;
}
.boton{
	font-weight: bold;
	color: #006784;
	background: #6FC3DB;
	border: 1px solid #3A98B2;
}
a.boton{
	padding: 3px 6px;
	text-decoration: none;
}
img{
	border: 0;
}
/* GENERALES - fin */


/* CONTENEDORES
 ------------------------------------------------------------------------------------------------- */
.cntAnchoWeb{
	width: 993px;
	margin: 0 auto;
}
#cntFndWeb{
	overflow: hidden;
	height: 1%;
	margin: 0 0 10px 0;
	background: url("../canales/ECG/vidasocial/img/fndWeb.gif") repeat-x #FFF;
}
#cntFndCabecera{
	background: url("../canales/ECG/vidasocial/img/fndCabecera.jpg") center no-repeat;
}
#cntCabecera{
	width: 964px;
	height: 98px;
	margin: 0 auto;
}
#cntPrincipal{
	width: 964px;
	min-height: 600px;
	margin: 0 auto;
}
#cntContenido{
	padding: 15px 0;
}
/* CONTENEDORES - fin */


/* CABECERA
 ------------------------------------------------------------------------------------------------- */
#cntLogosECG{
	text-align: right;
	padding: 5px 5px 0 10px;
}
#cntLogosECG img{
	margin-left: 10px;
}
#logoVidaSocial{
	float: left;
	margin-top: 55px;
}
#logoVidaSocial p.cntFecha{
	font-size: 90%;
	color: #373737;
	display: inline;
	margin-left: 12px;
}
#frmBuscadorCabecera{
	text-align: right;
	float: right;
	margin-top: 76px;
	padding-right: 8px;
}
#frmBuscadorCabecera .botonDesplegar{
	width: 148px;
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	padding-top: 6px;
	cursor: pointer;
}
#frmBuscadorCabecera select#años{
	width: 60px;
	margin-right: 5px;
}
/* CABECERA - fin */


/* VENTANA EDICIONES
 --------------------------------------------------------------------------------------------------- */
#ventanaEdiciones{
	font: 100% Arial, Verdana, Geneva, Helvetica, sans-serif;
	position: absolute;
	width: 483px;
	margin-left: 449px;
	padding: 15px 15px 20px 15px;
	background: url("../canales/ECG/vidasocial/img/fndVentanaEdiciones.gif") repeat-x #FFF;
	border-left: 1px solid #C9D5D9;
	border-bottom: 1px solid #C9D5D9;
	border-right: 1px solid #C9D5D9;
}
#ventanaEdiciones h1{
	font: 200% Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin-bottom: 6px;
}
#ventanaEdiciones h1 span{
	color: #6FC3DC;
}
#ventanaEdiciones .numTrimestre{
	float: left;
	margin: 3px 0 0 0;
}
#ventanaEdiciones .cntTrimestre{
	float: left;
	margin: 0;
	padding: 0;
}
#ventanaEdiciones .cntTrimestre img{
    clear: both;
	margin: 5px;
}
#ventanaEdiciones .cntTrimestre2{
	/*float: left;
	margin: 15px 0 0 0;*/
    width: 160px;
	padding: 0;
	border-left: 1px solid #C9D5D9;
}
#ventanaEdiciones ul{
	height: 100px;
	list-style: none;
	list-style-image: none;
	margin: 0 0 0 0;
	padding: 5px 0 0 10px;
	border-bottom: 1px solid #E6EEF0;
}
#ventanaEdiciones ul li{
	margin: 0;
	padding: 0 0 5px 0;
}
/* ----------------------------------------------------------------------------------------------- */




/* NOTICIAS RELACIONADAS
 ------------------------------------------------------------------------------------------------- */
.noticiasRelacionadas{
	font-size: 95%;
	letter-spacing: 1px;
	margin: 2px 0 7px 0;
}
.noticiaPortadaDosColumnas .noticiasRelacionadas,
.noticiaPortadaDosColumnasEntrevista .noticiasRelacionadas{
	padding: 0 10px;
}
.noticiasRelacionadas h4.tema,
.noticiasRelacionadas h4.temaOtro,
.noticiasRelacionadas h4.galeria{
	font-weight: bold;
	height: 15px;
	margin: 0 0 3px 0;
}
.noticiasRelacionadas h4.temaOtro, .noticiasRelacionadas h4.galeria{
	margin: 5px 0 3px 0;
}
.noticiasRelacionadas ul{
	margin: 2px 0 0 2px;
}
.noticiasRelacionadas ul.otrasNoticiasRelacionadas{
	margin: 4px 0 0 0;
}
.noticiasRelacionadas li{
	margin: 0 10px 2px 0;
	padding: 0 0 0 8px;
	background: url("../img/bulletCuadradoRelacionadas_VSDosColumnas.gif") no-repeat 0 6px;
	list-style: none;
}
.noticiasRelacionadas div.listAlias{
	padding: 0 0 0 8px;
}
/* NOTICIAS RELACIONADAS - fin */


/* BLOQUES
 ------------------------------------------------------------------------------------------------- */
.cntBloque{
	height: 1%;
	clear: both;
	margin: 0 0 15px 0;
	background: url("../img/fndBloque.gif") repeat-x bottom #FFF;
	border: 1px solid #CFCFCF;
}
.cntBloque img.imgVisible{
	width: 100%;
	margin: 0 0 0 0;
	border: 0;
	border-bottom: 1px solid #CFCFCF;
}
.cntBloque .bloqueFotoNoticiaImgCarga{
	text-align: center;
	display: block;
	width: 310px;
	padding: 93px 0;
	background: #FFF;
}
.cntBloque .cntBtnsBloque{
	clear: both;
	text-align: right;
	margin: 0 10px 5px 0;
}
.cntBloque p{
	letter-spacing: 0;
	margin: 0 10px 5px 10px;
}
.cntBloque ul.paginacionBloque{
	font: 90% Arial, Verdana, Geneva, Helvetica, sans-serif;
	list-style: none;
	float: right;
	margin: 0 10px 5px 0;
}
.cntBloque ul.paginacionBloque li{
	float: left;
}
.cntBloque ul.paginacionBloque li a.pag, span.sel{
	text-decoration: none;
	text-align: center;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 0 0 3px;
	padding: 0 0 0 2px;
	border: 1px solid #369;
}
.cntBloque ul.paginacionBloque li span.sel{
	font-weight: bold;
	background: #FFF;
}
.cntBloque ul.paginacionBloque li a.bloque img.siguiente{
	padding: 1px 0 0 5px;
}
.cntBloque ul.paginacionBloque li a.bloque img.anterior{
	padding: 1px 5px 0 0;
}

/* destacados */
.cntBloque ul.lista{
	width: 100%;
	overflow: hidden;
	margin: 4px 10px 10px 10px;
}
.cntBloque ul.lista li{
	line-height: 125%;
	clear: both;
	margin: 0 0 5px 3px;
	padding: 0 13px;
	background: url("../img/bulletCuadradoRelacionadas.gif") no-repeat 0 6px;
	list-style: none;
}
.cntBloque ul.lista li.foto{
	float: left;
	clear: none;
	width: 140px;
	padding: 0;
	margin: 0 9px 10px 0;
	background: none;
}
.cntBloque ul.lista li.foto img{
	display: block;
	margin: 0 0 5px 0;
	border: 1px solid #CCC;
}
.cntBloque ul.lista li.fotoTxtImgDcha{
	padding: 0 13px 0 0;
	margin: 0 0 10px 0;
	background: none;
}
.cntBloque ul.lista li.fotoTxtImgDcha img{
	float: left;
	margin: 0 10px 5px 0;
	border: 1px solid #CCC;
}
/* BLOQUES - fin */


/* TEXTOS
 ------------------------------------------------------------------------------------------------- */
h1{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 195%;
	font-weight: normal;
	color: #016585;
	line-height: 105%;
	padding: 0 0 12px 0;
}
.cntBloque h1{
	margin: 6px 10px 0 10px;
	padding: 0 0 5px 0;
	text-align: left;
}
.noticiaPortadaDosColumnas h1,
.noticiaPortadaDosColumnasEntrevista h1{
	font-size: 200%;
	font-weight: bold;
	line-height: 114%;
	color: #6FC3DD;
	padding: 12px 10px 6px 10px;
}
#portadaNoticiasColumnaIzda .noticiaPortadaIzda h1{
	font-size: 170%;
	font-weight: bold;
	padding: 0 0 4px 0;
}
#portadaNoticiasColumnaCentral h1{
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 6px 0;
}
#portadaBloquesColumnaDcha h1{
	font-size: 260%;
	padding: 7px 0 26px 18px;
}
#portadaBloquesColumnaDcha .cntBloqueDerecha h1{
	font-size: 114%;
	font-weight: bold;
	padding: 0;
}
#cntYademas h1.masInfo{
	margin-bottom: 0;
}
#cntYademas .cntBloqueDerecha{
	margin-bottom: 15px;
}
#cntYademas .cntBloqueDerecha h1{
	font-size: 100%;
	font-weight: normal;
}
#portadaBloquesColumnaDcha .cntBloqueDerecha a,
#portadaBloquesColumnaDcha .cntBloqueDerecha a:visited{
	color: #FFF;
}
h2{
	font-size: 120%;
	font-weight: normal;
	color: #333;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #E0E0E0;
}
.noticiaPortadaDosColumnasEntrevista h2{
	font-size: 150%;
	line-height: 110%;
	font-weight: normal;
	color: #016682;
	text-align: right;
	margin: 0 25px 0 340px;
	padding: 10px 0 8px 0;
	border-bottom: 2px solid #D9E7EA;
}
h3{
	font-size: 90%;
	color: #E20001;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}
.cntBloque h3{
	margin: 6px 10px 0 15px;
	padding: 0 0 5px 0;
	text-align: left;
}
h5{
	font-size: 90%;
	font-weight: normal;
	word-spacing: 3px;
	clear: both;
	margin: -3px 0 15px 0;
	padding: 0 1px 4px 1px;
	border-bottom: 1px solid #E8E8E8;
}
h5 span{
	vertical-align: middle;
	word-spacing: 0;
	float: right;
	margin-top: -3px;
}
h5 span font{
	display: block;
	float: left;
	font-size: 100%;
	margin: 3px 6px 0 0;
}
h6{
    font-size: 85%;
    font-weight: normal;
    color: #666;
    height: 23px;
    margin: 0 0 10px 0;
    padding: 4px 5px;
    background: #F6F6F6;
    border-bottom: 1px solid #DDD;
}
h6.abajo{
    clear: both;
    text-align: right;
    margin: 0 0 20px 0;
    border-top: 1px solid #DDD;
}
h6.with_breadcrumb{
    margin-top: -15px;
}
h6 .cntAcciones{
    float: right;
}
h6 .cntNoticiaInfo{
    float: left;
    margin-right: 30px;
}
.txtAcciones{
    background: #F6F6F6;
    float: right;
    margin: 0 5px 2px 135px;
}
p{
	font-size: 110%;
	line-height: 125%;
	word-spacing: 1px;
}
.noticiaPortadaDosColumnas p,
.noticiaPortadaDosColumnasEntrevista p{
	line-height: 130%;
	letter-spacing: 0;
	padding: 0 10px;
}
#portadaNoticiasColumnaIzda .noticiaPortadaIzda p.subtitulo{
	line-height: 135%;
}
#portadaNoticiasColumnaCentral .noticiaPortadaCentral p{
 	font-size: 100%;
	line-height: 134%;
}
p.infoRel{ /* links a comentarios, galerías, encuestas, ... */
	font-size: 90%;
	letter-spacing: 0;
	line-height: 125%;
	margin: 6px 0 0 0;
}
.noticiaPortadaDosColumnas p.infoRel,
.noticiaPortadaDosColumnasEntrevista p.infoRel{
	padding-bottom: 5px;
}
p.infoRel a,
#portadaBloquesColumnaDcha p.infoRel a,
#portadaBloquesColumnaDcha p.infoRel a:visited{
	white-space: nowrap;
	font-weight: normal;
	display: inline-block;
}
.icoComentario{
	background: url("../img/icoComentario.gif") no-repeat;
	padding-left: 20px;
}
.noticiaPortadaDosColumnas .icoComentario{ background: url("../img/icoComentario_VSDosColumnas.gif") no-repeat; }
.noticiaPortadaDosColumnasEntrevista .icoComentario{ background: url("../img/icoComentario_VSEntrevista.gif") no-repeat; }
#portadaBloquesColumnaDcha .icoComentario{ background: url("../img/icoComentario_VSDcha.gif") no-repeat; }
.icoGaleria{
	background: url("../img/icoGaleria.gif") no-repeat;
	padding-left: 22px;
}
.noticiaPortadaDosColumnas .icoGaleria{ background: url("../img/icoGaleria_VSDosColumnas.gif") no-repeat; }
.noticiaPortadaDosColumnasEntrevista .icoGaleria{ background: url("../img/icoGaleria_VSEntrevista.gif") no-repeat; }
#portadaBloquesColumnaDcha .icoGaleria{ background: url("../img/icoGaleria_VSDcha.gif") no-repeat; }
.icoEncuesta{
	background: url("../img/icoEncuesta.gif") no-repeat;
	padding-left: 20px;
}
.noticiaPortadaDosColumnas .icoEncuesta{ background: url("../img/icoEncuesta_VSDosColumnas.gif") no-repeat; }
.noticiaPortadaDosColumnasEntrevista .icoEncuesta{ background: url("../img/icoEncuesta_VSEntrevista.gif") no-repeat; }
#portadaBloquesColumnaDcha .icoEncuesta{ background: url("../img/icoEncuesta_VSDcha.gif") no-repeat; }
.icoForo{
	background: url("../img/icoForo.gif") no-repeat;
	padding-left: 25px;
}
.noticiaPortadaDosColumnas .icoForo{ background: url("../img/icoForo_VSDosColumnas.gif") no-repeat; }
.noticiaPortadaDosColumnasEntrevista .icoForo{ background: url("../img/icoForo_VSEntrevista.gif") no-repeat; }
#portadaBloquesColumnaDcha .icoForo{ background: url("../img/icoForo_VSDcha.gif") no-repeat; }
.txtHora{
    color: #E20001;
}

.noticiaPortadaDosColumnas .icoAudio{ background: url("../img/icoAudio_VSDosColumnas.gif") no-repeat; }
.noticiaPortadaDosColumnasEntrevista .icoAudio{ background: url("../img/icoAudio_VSEntrevista.gif") no-repeat; }
#portadaBloquesColumnaDcha .icoAudio{ background: url("../img/icoAudio_VSDcha.gif") no-repeat; }
.icoAudio{
	background: url("../img/icoAudio.gif") no-repeat;
	padding-left: 22px;
}
.noticiaPortadaDosColumnas .icoVideo{ background: url("../img/icoVideo_VSDosColumnas.gif") no-repeat; }
.noticiaPortadaDosColumnasEntrevista .icoVideo{ background: url("../img/icoVideo_VSEntrevista.gif") no-repeat; }
#portadaBloquesColumnaDcha .icoVideo{ background: url("../img/icoVideo_VSDcha.gif") no-repeat; }
.icoVideo{
	background: url("../img/icoVideo.gif") no-repeat;
	padding-left: 22px;
}
.noticiaPortadaDosColumnas .icoGrafico{ background: url("../img/icoGrafico_VSDosColumnas.gif") no-repeat; }
.noticiaPortadaDosColumnasEntrevista .icoGrafico{ background: url("../img/icoGrafico_VSEntrevista.gif") no-repeat; }
#portadaBloquesColumnaDcha .icoGrafico{ background: url("../img/icoGrafico_VSDcha.gif") no-repeat; }
.icoGrafico{
	background: url("../img/icoGrafico.gif") no-repeat;
	padding-left: 22px;
}
.noticiaPortadaDosColumnas .icoDocumento{ background: url("../img/icoDocumento_VSDosColumnas.gif") no-repeat; }
.noticiaPortadaDosColumnasEntrevista .icoDocumento{ background: url("../img/icoDocumento_VSEntrevista.gif") no-repeat; }
#portadaBloquesColumnaDcha .icoDocumento{ background: url("../img/icoDocumento_VSDcha.gif") no-repeat; }
.icoDocumento{
	background: url("../img/icoDocumento.gif") no-repeat;
	padding-left: 22px;
}

h6 .infoVisitas p{
    float: left;
    padding: 2px 5px;
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#container .ratingblock{
    float: left;
    height: 23px;
    margin-right: 5px;
}
#container .ratingblock p,
#container .ratingblock ul{
    padding: 0;
    margin: 0 0 0 2px;
}
.txtAccionesAbajo{
    margin-right: 0;
    padding: 2px 5px;
    border-color: #BBB;
    border-style: solid;
    border-width: 1px 0 0 1px;
}
h6 .btnComentarios,
.txtAcciones a,
.btnCompartir{
    display: inline-block;
    padding: 3px;
    background: #FFF;
    text-align: center;
    border: 1px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
h6 .btnComentarios:hover,
.txtAcciones a:hover,
.btnCompartir:hover{
    border-color: #3387BB;
}
.txtAcciones a.btnComentarios{
    font-size: 90%;
    font-weight: bold;
}
.btnCompartir{
    height: 20px;
    padding: 0 5px;
}
a.btnAtras,
.txtAccionesAbajo a.btnAtras{
    border: 0;
    margin: 4px 0 0 10px;
    padding: 0;
}
h6.abajo .btnTuenti{
    margin-right: 15px;
}

#portadaNoticiasColumnaCentral .txtHora{
	font-size: 80%;
}
.txtFechaEdicion{
    color: #E20001;
    font-weight: normal;
}
.txtLadillo{
	font-weight: bold;
}
.txtApoyosNombre{
	font-weight: bold;
}
.txtApoyosCargo{
}
.txtBusqueda{
	color: #369;
	font-weight: bold;
}
.txtResaltado{
	color: #E20001;
	font-weight: bold;
}
.txtSeparador{
	color: #CCC;
	padding: 0 2px;
}
.noticiaPortadaDosColumnas .txtSeparador{
	color: #3B879F;
}
#portadaBloquesColumnaDcha .txtSeparador{
	color: #2B92B3;
}
h5 span.txtSeparador{
	word-spacing: 0;
	float: none;
	padding-left: 5px;
}
/* paginación */
.tblPaginacion td{
	padding: 0 2px;
}
.tblPaginacion .sel{
	color: #E20001;
	font-weight: bold;
	text-align: center;
}
.tblPaginacion .noSel{
	height: 17px;
}
/* TEXTOS - fin */


/* IMAGENES
 ------------------------------------------------------------------------------------------------- */
.imgBulletTriangulo{ /* triangulo separador */
	font-size: 100%;
	font-weight: normal;
	color: #FFF;
	margin-left: 2px;
	padding-left: 2px;
	letter-spacing: 0;
	width: 5px; /* evita errores en i.e. cuando coincide en el corte de línea */
	background: url("../img/bulletTriangulo.gif") no-repeat 0px 5px;
}
.noticiaPortadaDosColumnas .imgBulletTriangulo{
	color: #016585;
	background: url("../img/bulletTrianguloBlanco.gif") no-repeat 0px 5px;
}
.noticiaPortadaDosColumnasEntrevista .imgBulletTriangulo{
	color: #E9F1F3;
}
h3 span.imgBulletTriangulo{ /* triangulo separador */
	background: url("../img/bulletTriangulo.gif") no-repeat 0px 4px;
}
/* en noticias de portada */
.noticiaPortadaDosColumnas .cntImg,
.noticiaPortadaDosColumnasEntrevista .cntImg{
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #3B879F;
}
.noticiaPortadaDosColumnasEntrevista .cntImg{
	border: 1px solid #C2E4EF;
}
.cntImagenes img{
	float: left;
	margin: 0 3px 0 0;
}
.cntImagenes img.ultima{
	margin: 0;
}
#portadaBloquesColumnaDcha .cntBloqueDerecha .cntImg,
.noticiaPortadaIzda .cntImg{
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #2B92B3;
}
.noticiaPortadaIzda .cntImg{
	border: 1px solid #6EC4DD;
}
.cntImagenes a:hover img,
a.cntImg:hover img{
	filter: alpha(opacity=70);
	opacity: 0.7;
}
/* detalle de noticia */
table.fotoNoticia{
    color: #666;
	width: 5px;
	margin: 5px 0 5px 1px;
	border: 1px solid #CCC;
	border-collapse: collapse;
}
.txtFoto{
	font-size: 90%;
	padding: 10px;
	background: #F6F6F6;
}
/* IMAGENES - fin */


/* BANNERS
--------------------------------------------------------------------------------------- */
.cntBannHoriz,
.cntAnchoWeb .cntBannHoriz{ /* cabecera */
	width: auto;
	margin: 0;
}
#cntBanDcha{
	padding-top: 15px;
	background: #FFF;
}
#cntBanDcha .cntBannVert{
	margin: 0;
}


/* PIE
 ------------------------------------------------------------------------------------------------- */
#cntFndPie{
 	padding-top: 18px;
	background: url("../canales/ECG/vidasocial/img/fndPie.gif") repeat-x #FFF;
}
.contPie{
	font-size: 90%;
	height: 94px;
	width: 964px;
	margin: 0 auto;
}
.contPie div{
	float: left;
}
.contPie .logoPie{
	padding: 10px 30px;
}
.contPie .contacto, .contPie .copyRight{
	margin: 10px 40px 0 0;
}
.contPie .logoOjd{
	margin: 10px 50px 5px 10px;
}
.contPie .logoTitRSS{
	width: 100px;
	margin: 25px 0 0 0;
}
/* PIE - fin */


/* POP UP de mosaico
 ------------------------------------------------------------------------------------------------- */
#popNoticiasImagenes{
	padding: 20px 0;
}
#popNoticiasImagenes #cntLogosECG{
	margin: 0 0 30px 0;
	padding: 0 10px 0 0;
	border-bottom: 1px solid #C6D3D9;
}
#popNoticiasImagenes #cntFndWeb{
	background-position: 0 -60px;
	margin: 0;
}
#popNoticiasImagenes #logoVidaSocial{
	float: none;
	margin: 0 0 15px 15px;
}
#popNoticiasImagenes #cntImgGrande{
	text-align: center;
	clear: both;
	margin: 0 0 15px 0;
}
#popNoticiasImagenes #cntImgGrande img{
	border: 1px solid #C6D3D9;
}
#popNoticiasImagenes .txtImgPie{
	clear: both;
	padding: 5px 0;
	margin: 0 15px;
	border-top: 1px solid #CFCFCF;
}
#popNoticiasImagenes #cntBotones{
	text-align: right;
	padding: 0 10px 15px 0;
}



/* ventana modal */
#simplemodal-overlay  {
	background-color: #000;
}
#simplemodal-container  {
	border: 8px solid #444444;
}