/** Archivo: publicaciones.scss **/

.publicaciones { padding: 0px; font-size: 1.5em; text-align: left; /*************FOTOS***********************/ }
.publicaciones .principal-area { background: url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/public-barra-top.jpg) top repeat-x; height: 110px; /*border:1px solid #f0f0f0;*/ }
.publicaciones .principal-img { left: 15px; height: 94px; width: 120px; float: left; background: white; padding: 5px; border: 1px solid #E4E4E4; }
.publicaciones #area-centro { float: left; width: 700px; }
.publicaciones #area-derecha { float: right; width: 200px; }
.publicaciones .clear { clear: both; }
.publicaciones .encabezado { height: 49px; padding-top: 30px; }
.publicaciones .seccion { color: #FF7B0C; font-size: 2.5em; font-weight: bold; padding-left: 15px; font-family: Verdana, Geneva, sans-serif; /*	text-shadow: 2px 2px 5px #C2C2C2;*/ }
.publicaciones .relevantes { color: #979797; font-size: 2.33em; font-weight: normal; }
.publicaciones .icono-seccion { float: left; position: relative; top: -25px; margin-right: -17px; margin-bottom: -40px; }
.publicaciones .titulo { font-size: 1.83em; font-weight: bold; text-align: center; }
.publicaciones .fecha { font-size: 1em; font-weight: bold; text-align: right; padding: 5px; }
.publicaciones .compartir { text-align: right; float: right; top: -24px; position: relative; }
.publicaciones #area-titulo { padding: 10px; }
.publicaciones #contenido { padding: 15px 50px; }
.publicaciones .texto { text-align: justify; }
.publicaciones .otras-fotos { background: #f0f0f0; border: solid 1px #ccc; padding: 7px; margin: 20px; }
.publicaciones .mini-foto { float: left; background: #fff; border: solid 1px #ccc; padding: 3px; margin: 3px; }
.publicaciones .imagen-principal { float: left; margin: 0px 10px 5px 0px; }
.publicaciones .principal-show { float: left; width: 65%; }
.publicaciones .principal-show a:link, .publicaciones .principal-show a:visited, .publicaciones .principal-show a:active { color: #FFF; text-decoration: none; }
.publicaciones .principal-show a:hover { color: #FFF; text-decoration: underline; }
.publicaciones .principal-indice { width: 35%; height: 340px; overflow-y: scroll; }
.publicaciones .indice-opcion { padding: 5px; font-size: 0.83em; }
.publicaciones .image-container { background-image: url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/cuerpo-fondo.jpg); background-position: center; height: 340px; overflow: hidden; }
.publicaciones .titulo-container { background-color: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; color: #FFF; font-size: 1.83em; padding: 12px; position: relative; height: 76px; width: 100%; top: 240px; }
.publicaciones .foto { position: relative; text-align: center; margin: 20px 100px; }
.publicaciones .foto .a { text-decoration: none; font-weight: normal; }
.publicaciones .foto img { background: #fff; border: solid 1px #ccc; padding: 7px; }
.publicaciones .foto span { width: 20px; height: 18px; display: block; position: absolute; top: 12px; left: 12px; }
.publicaciones .pin span { width: 28px; height: 21px; display: block; position: absolute; top: -12px; left: 225px; background: url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/pin.png) no-repeat; }

/*ESTILOS PARA EL MODO SLIDE :: BLOQUE*/
.selectedPub { background-color: #000; color: #fff; }

.divPubPreview .title { top: 0; height: 36px; font-size: 1.08em; width: 100%; background-color: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; z-index: 1; /* text-align:left;  */ }

.tituloPub { font-size: 0.83em; width: 142px; float: left; text-align: left; height: 32px; cursor: pointer; }

.descPub { font-size: 0.9em; text-align: left; color: #fff; padding: 5px; }

.divPubPreview { width: 420px; float: left; background: #F0F0F0; position: relative; overflow: hidden; height: 320px; }
.divPubPreview .desc { position: absolute; bottom: 0; left: 0; width: 100%; display: block; height: 48px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; z-index: 0; }
.divPubPreview .block { width: 100%; background: #000; border-top: 1px solid #4a4a4a; height: 48px; }

/*IMAGE THUMB _______________________________________________*/
.divPubList { float: left; width: 156px; background: #f0f0f0; border-right: 1px solid #fff; border-top: 1px solid #ccc; /*overflow-y:scroll;*/ height: 320px;     /*.divPubList ul {
	margin: 0;
	padding: 0;
	list-style: none; }*/ }
.divPubList .imagenPrevia { border: 1px solid #ccc; padding: 3px; background: #fff; float: left; cursor: pointer; }
.divPubList .iconPub { padding: 0px; }
.divPubList ul li { margin: 0; padding: 12px 4px; /* background: #f0f0f0 url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/publicaciones/nav_a.gif) repeat-x;*/ width: 137px; float: left; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; height: 121px; }
.divPubList ul li .block { padding: 0; width: 143px; }

.tituloBloque { color: #86A73E; font-size: 1.67em; font-weight: bold; text-align: left; padding-left: 15px; }

.hoverPub:hover { background-color: #fff; }

/***********************************************************************************************/
.jcarousel-skin-tango { /** Vertical Buttons */ }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-vertical { width: 151px; height: 264px; padding: 27px 2px; border: 1px solid #dcdcdc; }
.jcarousel-skin-tango .jcarousel-clip-vertical { width: 152px; height: 274px; }
.jcarousel-skin-tango .jcarousel-item { width: 143px; height: 107px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 1px; width: 100%; left: 5px; height: 23px; cursor: pointer; background: transparent url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/next-vertical.png) center no-repeat; /*background:transparent url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/icons/user.png) no-repeat 0 0;*/ }
.jcarousel-skin-tango .jcarousel-next-vertical:hover { opacity: 0.7; }
.jcarousel-skin-tango .jcarousel-next-vertical:active { opacity: 0.7; }
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 1px; left: 5px; width: 100%; height: 26px; cursor: pointer; background: transparent url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/prev-vertical.png) center no-repeat; /*background:transparent url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/icons/user.png) top repeat-x;*/ }
.jcarousel-skin-tango .jcarousel-prev-vertical:hover { opacity: 0.7; }
.jcarousel-skin-tango .jcarousel-prev-vertical:active { opacity: 0.7; }

/******************************************* LISTADO DE NOTICIAS MAS VISITADAS*/
.jcarousel-skin-lista { /** Vertical Buttons */ }
.jcarousel-skin-lista .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-lista .jcarousel-container-vertical { width: 347px; height: 262px; padding: 29px 2px; }
.jcarousel-skin-lista .jcarousel-clip-vertical { width: 345px; height: 264px; }
.jcarousel-skin-lista .jcarousel-item { width: 290px; height: 53px; }
.jcarousel-skin-lista .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-lista .jcarousel-next-vertical { position: absolute; bottom: 1px; width: 10%; height: 23px; cursor: pointer; /*background-color:#4a4a4a;*/ background: transparent url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/next-vertical.png) center no-repeat; }
.jcarousel-skin-lista .jcarousel-next-vertical:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.jcarousel-skin-lista .jcarousel-next-vertical:active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.jcarousel-skin-lista .jcarousel-next-disabled-vertical, .jcarousel-skin-lista .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-lista .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
.jcarousel-skin-lista .jcarousel-prev-vertical { position: absolute; top: 1px; width: 10%; height: 23px; cursor: pointer; /*background-color:#4a4a4a;*/ background: transparent url(http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/prev-vertical.png) center no-repeat; }
.jcarousel-skin-lista .jcarousel-prev-vertical:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.jcarousel-skin-lista .jcarousel-prev-vertical:active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.boxPub { width: 339px; border: 1px solid #CCCCCC; padding: 2px; color: #555555; height: 41px; }

.boxPub:hover { background-color: #dcdcdc; }

/****************************MODO PRINCIPAL ARROW******************************/
.pub-arr-container { width: 100%; height: 360px; text-align: left; border: 2px solid #B22142; position: relative; }

#pub-arr-view-area { height: 360px; /*margin-right: 182px;*/ background-color: #000; background-position: center center; background-repeat: no-repeat; position: relative; overflow: hidden; }

.pub-arr-index-area { width: 182px; height: 360px; float: right; background-color: #333; }
.pub-arr-index-area a:hover .pub-arr-index-item { background-color: #B22044; background-image: none; color: #fff; }

.pub-arr-index-arrow { width: 16px; height: 17px; background: transparent url("http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/publicaciones/pub_arrow.png") no-repeat center right; position: absolute; right: 182px; top: 26px; }

.pub-arr-index-item { width: 172px; padding: 5px; height: 62px; background: white url("http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/publicaciones/pub_index_item.jpg") repeat-x center center; cursor: pointer; }

.pub-arr-index-selected { background: white url("http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/img/publicaciones/pub_index_item_selected.jpg") repeat-x center center; color: #fff; }

#pub-arr-slide-titulo, #pub-arr-slide-desc { background-color: #000000; color: #FFFFFF; height: 58px; opacity: 0.8; filter: alpha(opacity=80); padding: 7px; text-align: justify; }

#pub-arr-slide-titulo { font-size: 1.833; }

#pub-arr-slide-desc { font-size: 1em; }

#pub-arr-slide-area { height: 144px; width: 100%; position: absolute; bottom: -72px; cursor: pointer; }

.pub-arr-title-bar { height: 30px; text-align: left; }

.pub-arr-item-imagen { float: left; margin-left: 5px; margin-top: 12px; width: 32px; height: 32px; border: 2px solid #B11D43; }

.pub-arr-item-titulo { font-size: 1em; height: 50px; margin-left: 47px; margin-top: 3px; }

.pub-arr-item-fecha { float: right; font-size: 0.75em; text-align: right; width: 50px; }

.pub-arr-item-data { display: none; }

/******************************************************************************/
/* LO MAS ...*/
#loMas { /*    float:left; width:240px;*/ display: inline; }
#loMas #loMasTitulo { color: #75a63e; font-size: 0.92em; font-weight: bold; font-family: Lucida Grande,Lucida,Verdana,sans-serif; float: left; }

#loMasTitCont { background: #cbddb4; width: 74%; height: 7px; float: left; margin: 5px 0px 5px 3px; }

#loMasLinea { background-color: #ebebeb; /* height:540px;*/ width: 2px; margin: 120px 8px 0 0; float: left; display: inline; }

#loMasContent { background: transparent; }

#loMasMenu { margin-top: 4px; background: url(publicaciones/img/fondo_lo_mas.png) repeat-x scroll 0 0 transparent; height: 30px; }
#loMasMenu li { list-style: none; float: left; display: inline; padding-bottom: 10px; text-transform: capitalize; }
#loMasMenu li div { padding: 6px 10px; color: #FFF; font-size: 0.92em; font-family: Lucida Grande,Verdana,sans-serif; }
#loMasMenu a { cursor: pointer; text-decoration: none; font-size: 0.92em; color: #FFF; }
#loMasMenu li.selected a:hover { color: #fff; text-decoration: none; }
#loMasMenu li.selected { background: url(publicaciones/img/pico.png) no-repeat bottom center; }
#loMasMenu li.selected div { font-weight: bold; color: #fff; }

#loMasLista { margin: 5px 0; padding: 0 12px 0 15px; text-align: left; }

ul.loMasLista { display: none; }
ul.loMasLista li { border-bottom: 1px solid #D2D2D2; font-size: 0.92em; list-style: none; margin: 5px 0; padding-bottom: 2px; }
ul.loMasLista a, ul.loMasLista a:hover, ul.loMasLista a:link, ul.loMasLista a:visited, ul.loMasLista a:active { color: #333333; cursor: pointer; }


/** Archivo: listado.scss **/

#listado_publicaciones .tit_comp { font-family: sans-serif; font-weight: 400; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; font-size: 28px; line-height: 23px; }
#listado_publicaciones .tit_comp span { font-size: 15px; color: #7C7575; }
#listado_publicaciones .publicacion { margin: 10px 10px 20px 10px; }
#listado_publicaciones .publicacion h2 { color: #402A21; font-size: 26px; margin: 0; line-height: 30px; margin-bottom: 5px; }
#listado_publicaciones .publicacion .fecha { float: right; margin: 0 5px 0 0; }
#listado_publicaciones .publicacion .fecha span { display: inline-block; width: 40px; float: left; height: 40px; text-align: center; }
#listado_publicaciones .publicacion .fecha .dia { font-size: 20px; line-height: 35px; background: #E5E3D5; color: #836457; }
#listado_publicaciones .publicacion .fecha .mes { font-size: 15px; line-height: 35px; color: #FFF; background: #A69774; }
#listado_publicaciones .publicacion .fecha .anio { text-align: right; font-size: 15px; padding-right: 2px; }
#listado_publicaciones .publicacion .img_publicacion { margin-bottom: 10px; }
#listado_publicaciones .publicacion .resumen { color: #402A21; font-size: 13px; line-height: 18px; margin: 0; }
#listado_publicaciones .publicacion .leer_mas { float: right; vertical-align: bottom; margin: 16px 5px 0; color: #8F7266; font-size: 13px; width: 100%; display: block; text-align: right; }