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

.slide_carrusel { border: 1px solid #ccc; padding: 15px; margin: 10px 0; }
.slide_carrusel a.title { float: left; display: block; }
.slide_carrusel a.title h2 { font-size: 26px; float: left; position: absolute; left: 33px; top: 12px; z-index: 2; }
.slide_carrusel #noticias_slide { height: 380px; width: 100%; }
.slide_carrusel #noticias_slide .rsContent { background: #ffffff; color: #666; font-size: 0; line-height: 32px; float: left; }
.slide_carrusel #noticias_slide .rsContent article { position: relative; width: 180px; padding: 50px 2% 2%; display: inline-block; vertical-align: top; font-size: 14px; text-align: left; height: 300px; }
.slide_carrusel #noticias_slide .rsContent article a { text-decoration: none; }
.slide_carrusel #noticias_slide .rsContent article a:hover img { background: #ddddd9; border-color: #CECECB; }
.slide_carrusel #noticias_slide .rsContent article img { border: 1px solid #DDDDD9; margin-bottom: 3px; padding: 5px; width: 100%; }
.slide_carrusel #noticias_slide .rsContent article h3 { font-size: 14px; font-weight: 700; line-height: 18px; margin: 6px 0 2px; }
.slide_carrusel #noticias_slide .rsContent article p { color: #8E8E8E; font-size: 13px; line-height: 19px; }
.slide_carrusel #noticias_slide .rsContent article a.moreinfo { width: 198px; text-align: center; position: absolute; display: block; bottom: 5px; }
.slide_carrusel .rsBullets, .slide_carrusel .rsArrowLeft, .slide_carrusel .rsArrowRight { top: 12px; }
.slide_carrusel .rsMinW .rsBullet span { display: block; width: 6px; height: 6px; border-radius: 50%; background: #CCC; background: rgba(204, 204, 204, 0.5); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); }
.slide_carrusel .rsMinW .rsBullet.rsNavSelected span { background: #8e8e8e; }

  /******************************
*
*  RoyalSlider White Controls Skin
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: './slide_carrusel/img/rs-minimal-white.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs { color: #FFF; }

/***************
*
*  1. Arrows
*
****************/
.rsMinW .rsArrow { height: 32px; width: 32px; position: absolute; display: block; cursor: pointer; z-index: 21; }

.rsMinW .rsArrowLeft { right: 37px; bottom: 7px; }

.rsMinW .rsArrowRight { right: 7px; bottom: 7px; }

.rsMinW .rsArrowIcn { width: 24px; height: 24px; margin-top: 3px; margin-left: 3px; position: absolute; cursor: pointer; background: url("slide_carrusel/img/rs-minimal-white.png") transparent; border-radius: 2px; }

.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background-position: -68px -36px; }

.rsMinW.rsHor .rsArrowRight .rsArrowIcn { background-position: -68px -68px; }

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn { background-position: -100px -36px; }

.rsMinW.rsVer .rsArrowRight .rsArrowIcn { background-position: -100px -68px; }

.rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3 !important; filter: alpha(opacity=30); *display: none; }

/***************
*
*  2. Bullets
*
****************/
.rsMinW .rsBullets { position: absolute; bottom: 15px; right: 73px; z-index: 35; padding-top: 4px; height: auto; text-align: center; line-height: 6px; overflow: hidden; }

.rsMinW .rsBullet { width: 6px; height: 6px; display: inline-block; *display: inline; *zoom: 1; padding: 6px 5px 6px 4px; }

.rsMinW .rsBullet span { display: block; width: 6px; height: 6px; border-radius: 50%; background: #CCC; background: rgba(255, 255, 255, 0.5); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); }

.rsMinW .rsBullet.rsNavSelected span { background: #FFF; }

/***************
*
*  3. Thumbnails
*
****************/
.rsMinW .rsThumbsHor { width: 100%; height: auto; }

.rsMinW .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; }

.rsMinW.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; }

.rsMinW.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; }

.rsMinW .rsThumb { float: left; overflow: hidden; width: 96px; height: 72px; }

.rsMinW .rsThumb img { width: 100%; height: 100%; }

.rsMinW .rsThumb.rsNavSelected { background: #333; }

.rsMinW .rsThumb.rsNavSelected img { filter: alpha(opacity=40); opacity: 0.7; }

.rsMinW .rsThumb.rsNavSelected span.thumbIco { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid #FFF; border: 2px solid rgba(255, 255, 255, 0.9); -webkit-backface-visibility: hidden; }

.rsMinW .rsTmb { display: block; }

/* Thumbnails arrow icons */
.rsMinW .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; }

.rsMinW.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; }

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; }

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top: 0; }

.rsMinW .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; position: absolute; cursor: pointer; background: url("slide_carrusel/img/rs-minimal-white.png"); }

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsMinW .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) { .rsMinW .rsThumb { width: 59px; height: 44px; }
  .rsMinW .rsThumbsHor { height: 44px; }
  .rsMinW .rsThumbsVer { width: 59px; } }
/***************
*
*  4. Tabs
*
****************/
.rsMinW .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align: center; overflow: hidden; padding-top: 12px; position: relative; }

.rsMinW .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #D9D9DD; border-right: 1px solid #f5f5f5; text-decoration: none; background-color: #000; background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); *display: inline; *zoom: 1; }

.rsMinW .rsTab:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }

.rsMinW .rsTab:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #cfcfcf; }

.rsMinW .rsTab:active { border: 1px solid #D9D9DD; background-color: #f4f4f4; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; }

.rsMinW .rsTab.rsNavSelected { color: #000; border: 1px solid #999; text-shadow: 1px 1px #838383; box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; background: #ACACAC; background-image: -webkit-linear-gradient(top, #acacac, #bbbbbb); background-image: -moz-llinear-gradient(top, #acacac, #bbbbbb); background-image: linear-gradient(to bottom, #acacac, #bbbbbb); }

/***************
*
*  5. Fullscreen button
*
****************/
.rsMinW .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; }

.rsMinW .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url("slide_carrusel/img/rs-minimal-white.png") 0 0 transparent; }

.rsMinW .rsFullscreenIcn:hover { opacity: 0.8; }

.rsMinW.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; }