/** 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: recientes.scss **/

/* Document   : recientes Created on : 9/09/2011, 12:23:04 PM Author     : Roberto Meza Fileto Description: Purpose of the stylesheet follows.
*/
/* TODO customize this sample style Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.basictabs-publicaciones .basictabs-publicaciones .basic-tab { padding: 5px; float: left; text-align: center; }

.basictabs-tabs { height: 25px; }

.basic-tab div { margin: 3px; overflow: hidden; }

.basic-tab a { color: #424242; text-decoration: none; font-size: 0.83em !important; }

.basictabs-tab { float: left; padding: 5px 0px; cursor: pointer; font-weight: bold; color: #FFFFFF; background: url(recientes/img/background-tab.png) repeat-x scroll 0 0 transparent; font-size: 0.92em; width: 50%; text-align: center; }

.basictabs-tab-selected { float: left; padding: 5px 0px; cursor: pointer; background-color: #ADADAD; color: #828282; /* Degradado */ background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(9%, #eeeeee), color-stop(98%, #fcfcfc)); background: -webkit-linear-gradient(top, #eeeeee 9%, #fcfcfc 98%); background: -moz-linear-gradient(top, #eeeeee 9%, #fcfcfc 98%); background: -o-linear-gradient(top, #eeeeee 9%, #fcfcfc 98%); background: -ms-linear-gradient(top, #eeeeee 9%, #fcfcfc 98%); background: linear-gradient(top, #eeeeee 9%, #fcfcfc 98%); width: 50%; text-align: center; }

/*
.eon_button { text-align:center; float:right; font-size: 9px; background-color: #67A23E; border-radius: 5px 5px 5px 5px; margin-right: 15px; padding: 2px 7px; height: 11px; margin-bottom: 8px; color: #e6e6e6;
}
*/


/** Archivo: recientes.scss **/

#publicaciones-recientes { margin: 30px 0; }


/** Archivo: pagina.scss **/

.publicacion { 	  /******************************  RoyalSlider Default Inverted Skin   1. Arrows  2. Bullets 3. Thumbnails 4. Tabs 5. Fullscreen button 6. Play/close video button  Sprite: 'rs-default-inverted.png' Feel free to edit anything If you don't some part - just delete it  *****************************/ /* Background */ /***************
*
*  2. Bullets
*
****************/ /***************
*
*  3. Thumbnails
*
****************/ /* Thumbnails with text */ /* Thumbnails arrow icons */ /* Thumbnails resizing on smaller screens */ }
.publicacion .contenedor_gallery_desc { position: relative; }
.publicacion .contenedor_gallery_desc p { margin: 15px 0 0; }
.publicacion .contenedor_gallery_desc .btgallery { bottom: 0; position: absolute; right: 18px; }
.publicacion .royalSlider { width: 380px; border: 2px solid #C5C5B5; }
.publicacion #gallery_evento { width: 96%; border: 2px solid #C5C5B5; overflow: hidden; }
.publicacion .rsDefaultInv, .publicacion .rsDefaultInv .rsOverflow, .publicacion .rsDefaultInv .rsSlide, .publicacion .rsDefaultInv .rsVideoFrameHolder, .publicacion .rsDefaultInv .rsThumbs { background: #E7E7DC; color: #222; }
.publicacion .rsDefaultInv .rsBullets { position: relative; z-index: 35; padding-top: 4px; width: 100%; height: auto; margin: 0 auto; text-align: center; line-height: 5px; overflow: hidden; }
.publicacion .rsDefaultInv .rsBullet { width: 5px; height: 5px; display: inline-block; *display: inline; *zoom: 1; padding: 6px; }
.publicacion .rsDefaultInv .rsBullet span { display: block; width: 5px; height: 5px; border-radius: 50%; background: #BBB; }
.publicacion .rsDefaultInv .rsBullet.rsNavSelected span { background-color: #000; }
.publicacion .rsDefaultInv .rsThumbsHor { width: 100%; height: auto; }
.publicacion .rsDefaultInv .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; }
.publicacion .rsDefaultInv.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; }
.publicacion .rsDefaultInv.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; }
.publicacion .rsDefaultInv .rsThumb { float: left; overflow: hidden; width: 96px; height: 72px; }
.publicacion .rsDefaultInv .rsThumb img { width: 100%; height: 100%; }
.publicacion .rsDefaultInv .rsThumb.rsNavSelected { background: #FFF; }
.publicacion .rsDefaultInv .rsThumb.rsNavSelected img { opacity: 0.5; filter: alpha(opacity=50); }
.publicacion .rsDefaultInv .rsTmb { display: block; }
.publicacion .rsDefaultInv .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; }
.publicacion .rsDefaultInv .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px; }
.publicacion .rsDefaultInv .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #FFF; background: rgba(255, 255, 255, 0.75); }
.publicacion .rsDefaultInv .rsThumbsArrow:hover { background: rgba(255, 255, 255, 0.9); }
.publicacion .rsDefaultInv.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; }
.publicacion .rsDefaultInv.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.publicacion .rsDefaultInv.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; }
.publicacion .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.publicacion .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top: 0; }
.publicacion .rsDefaultInv .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; position: absolute; cursor: pointer; background: url("http://www.nombrededios.gob.mx/media/gob_municipales_theme/componentes/publicaciones/rs-default-inverted.png"); }
.publicacion .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.publicacion .rsDefaultInv.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }
.publicacion .rsDefaultInv.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.publicacion .rsDefaultInv.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }
.publicacion .rsDefaultInv .rsThumbsArrowDisabled { display: none !important; }
@media screen and (min-width: 0px) and (max-width: 800px) { .publicacion .rsDefaultInv .rsThumb { width: 59px; height: 44px; }
  .publicacion .rsDefaultInv .rsThumbsHor { height: 44px; }
  .publicacion .rsDefaultInv .rsThumbsVer { width: 59px; } }