/** Archivo: bannerotator.css **/

 /*
royal-slider-8.1.min
 RoyalSlider

 */
.royalSlider {
	position:relative;
	/* set width and height of slider here, in px, % or em*/
	width:950px;
	height:264px;
	/* Used to prevent content "jumping" on page load. this property is removed when javascript is loaded and slider is instanciated */
	overflow:hidden;
}

/**
*  Slides area (set background here)
*/
.royalSlider .royalWrapper {
	overflow:hidden;
	position:relative;
	width:100%;
	height:100%;
}
.royalSlider .royalSlide,
.royalSlider .royalWrapper {
	/* Bakground behind slides */
	background: rgba(0, 0, 0, 0.4);
	-moz-border-radius: 8px;
  	-webkit-border-radius: 8px;
 	border-radius: 8px;

}
/* slides holder, grabbing container */
.royalSlider .royalSlidesContainer {
	position: relative;
	left: 0;
	top: 0 !important;
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	border: 0 !important;
}

/* slide item */
.royalSlider .royalSlide {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	list-style: none !important;
	position:relative;
	float:left;
	overflow:hidden;
}

/*
	Direction Navigation (arrows)

*/
.royalSlider .arrow
{
	/*background:url(http://www.nombrededios.gob.mx/media/default_theme/img/controlsSprite.png) no-repeat 0 0;*/
	background-color: #C00;
	background-repeat: no-repeat;
	background-position: 0 0;
	/* change arrows size here */
	width: 45px;
	height: 90px;
	top:50%;
	margin-top:-45px;
	cursor: pointer;
	display: block;
	position: absolute;
	z-index:25;
}
.royalSlider .arrow:hover {

}
.royalSlider .arrow.disabled {

}
/* left arrow */
.royalSlider .arrow.left {
	background-position: top left;
	left: 0;
}
/* right arrow */
.royalSlider .arrow.right {
	background-position: top right;
	right: 0;
}

/* Control navigation container (bullets or thumbs) */
.royalSlider .royalControlNavOverflow {
	width:100%;
	overflow:hidden;
	position:absolute;
	margin-top:-20px;
	z-index:25;
}
/* This container is inside ".royalControlNavContainer"
   and is used for auto horizontal centering */
.royalSlider .royalControlNavCenterer {
	float: left;
	position: relative;
	left: -50%;
}
/* Control navigation container*/
.royalSlider .royalControlNavContainer {
	float: left;
	position: relative;
	left: 50%;
}

/* Scrollable thumbnails containers */
.royalSlider .royalControlNavThumbsContainer {
	left:0;
	position:relative;
}
.royalSlider .thumbsAndArrowsContainer {
	overflow:hidden;
	width: 100%;
	position: relative;
}
.royalSlider .royalControlNavOverflow.royalThumbs {
	width: auto;
	position: relative;
	overflow: hidden;
	margin-top:4px;
}

/*
	Control navigation (bullets, thumbnails)
*/
.royalSlider .royalControlNavOverflow a{
	background:#0C0 none no-repeat scroll 0 0;
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
	position:relative;
	display:block;
	text-indent: -9999px;
	outline:none;
}
/* Current control navigation item */
.royalSlider .royalControlNavOverflow a.current {
	background-color: #C00;
}
/* Hover state navigation item */
.royalSlider .royalControlNavOverflow a:hover {
	background-color: #00C;
}

/* Thumbnails */
.royalSlider .royalControlNavOverflow a.royalThumb{
	/*background: none no-repeat 0 0;*/
	/*background-color: ;*/
	width:144px;
	height:60px;
	/* thumbnails spacing, use margin-right only */
	margin-right:4px;

}
.royalSlider .royalControlNavOverflow a.royalThumb.current {
	background-position: -3px -3px  !important;
	border:3px solid #C00 !important;
	width:138px;
	height:54px;
}
.royalSlider .royalControlNavOverflow a.royalThumb:hover {
	background-position: -3px -3px;
	border:3px solid #00C;
	width:138px;
	height:54px;
}

/*
	Thumbnails navigation arrows
*/
.royalSlider .thumbsArrow {
	width: 38px;
	height: 68px;
	cursor: pointer;
	display: block;
	position: relative;
	z-index: 25;
	background: #C99;
}
.royalSlider .thumbsArrow.left {
	float: left;
}
.royalSlider .thumbsArrow.right {
	float: right;
}
.royalSlider .thumbsArrow:hover  {

}
.royalSlider .thumbsArrow.disabled {

}

/* Captions container */
.royalSlider .royalCaption {
	z-index:20;
	display:block;
	position:absolute;
	left:0;
	top:0;
	/*font: normal normal normal 1em/1.5em Georgia, serif;
	color:#FFF;		*/
}
/* Caption item */
.royalSlider .royalCaptionItem {
	position:relative;
	left:0;
	top:0;
	margin: 0;
	padding: 0;
}

/* Loading (welcome) screen */
.royalSlider .royalLoadingScreen {
	background:#FFF;
	width:100%;
	height:100%;
	position:absolute;
	z-index:99;
}
/* Loading screen text ("Loading...") */
.royalSlider .royalLoadingScreen p {
	width:100%;
	position:absolute;
	margin:0 auto;
	top: 45%;
	text-align:center;
}

/* single slide image preloader */
.royalSlider .royalPreloader {
	position:absolute;
	width:24px;
	height:24px;
	left:50%;
	top:50%;
	margin-left:-12px;
	margin-top:-12px;
	z-index:0;
	background-image:url(bannerotator/img/preloader.gif);
}

.royalSlider .grab-cursor{cursor:move;}
.royalSlider .grab-cursor{cursor:url(bannerotator/img/cursors/grab.png) 8 8,-moz-grab;}
.royalSlider .grab-cursor{*cursor:url(http://www.nombrededios.gob.mx/media/default_theme/widgets/bannerotator/img/cursors/grab.cur);}
.royalSlider .grab-cursor{cursor:move\0/;} /* ie8 hack */

.royalSlider .grabbing-cursor{cursor:move;}
.royalSlider .grabbing-cursor{cursor:url(bannerotator/img/cursors/grabbing.png) 8 8,-moz-grabbing;}
.royalSlider .grabbing-cursor{*cursor:url(http://www.nombrededios.gob.mx/media/default_theme/widgets/bannerotator/img/cursors/grabbing.cur);}


/* Cursor used if mouse dragging is disabled */
.royalSlider .auto-cursor{cursor:auto;}

.royalSlider .royalHtmlContent {
	position: absolute;
	top: 0;
	left: 0;
}
.royalSlider .non-draggable {
	cursor: auto;
}
.royalSlider .fade-container .royalSlide{
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 10;
}
.royalSlider .royalImage {
	max-width:none;
	margin:0;
	padding: 0 !important;
	border: 0 !important;
	border-radius:8px;
}
/* OTRO CSS INLCUDE--------------------------------------------------------------------------------------------------------*/


/* ======================== Sliders ===================== */

#banner-rotator,
#image-gallery,
#content-slider {
	width: 100%;
	height: 100%;
}
#content-slider .exampleButton {
	cursor:pointer;
	padding:5px 12px 8px !important;
	font-size:14px;
}
#content-slider .imageItem {
	margin: 10px 35px 0;
	float: left;
}
#content-slider .centeredSlide {
	margin: 0 auto;
	width: 850px;
}
#content-slider .slideTextBlock {
	float:left;
	width: 450px;
	margin-left: -20px;
	margin-top: 15px;
}
#content-slider h4 {
	color: #555;
	font-size:32px;
	line-height:24px;
	margin: 5px 0 11px 0;
}
#content-slider .slideTextBlock p {
	color:#000;
	margin-bottom:10px;
	font-size:16px;
	font-family: Georgia;
}
#content-slider img, #content-slider iframe {
	float:left;
	background:#FFF;
	padding:8px;
	border:1px solid #EEE;
}
#content-slider .royalSlide,
#content-slider .royalWrapper {
	background: none;
}
#content-slider.royalSlider .royalControlNavOverflow {
	margin-top: -25px;
}
#content-slider.royalSlider .arrow.right {
	right: 0;
}
#content-slider.royalSlider .arrow.left {
	left: 0;
}

#image-gallery {
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.30);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.30);box-shadow:0 1px 3px rgba(0,0,0,0.30);
	background:#F5F5F5;
	width: 900px;
	height: 450px;
}
#image-gallery.royalSlider .royalControlNavOverflow a.royalThumb {
	width: 140px;
	height: 60px;
}
#image-gallery.royalSlider .royalControlNavOverflow a.royalThumb.current {
	border:3px solid #75af00 !important;
	width:134px;
	height:54px;
}

#image-gallery.royalSlider .royalControlNavOverflow a.royalThumb:hover {

	width: 134px;
	height: 54px;
}
#image-gallery .royalCaption {
	position: static;
}
#image-gallery .royalCaptionItem,
#image-gallery .staticTextBlock {
	width: 100%;
	color: #d2d2d2;
	font-weight: bold;
	text-align: center;

	top: 415px;
	width: 370px;
	left: 50%;
	margin-left: -185px;
}
#image-gallery .royalCaptionItem a {
	color: #d2d2d2;
}

#content-slider .royalWrapper {
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.30);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.30);
	box-shadow:0 1px 3px rgba(0,0,0,0.30);
	background:#F5F5F5;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
}

/* ======================== Sliders END ===================== */

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* OTRO CSS INLCUDE--------------------------------------------------------------------------------------------------------*/

/* Slider itself */
.royalSlider.iskin {
	padding-bottom: 26px;
}
/* Slider with thumbs (used to add padding based on thumbnails size)*/
.royalSlider.iskin.with-thumbs {
	padding-bottom: 62px;
}

/*  Left and right navigation arrows 	*/
.royalSlider.iskin .arrow {
	background:url(bannerotator/img/controls-sprite.png) no-repeat 0 0;

	/* change arrows size here */
	width: 32px;
	height: 32px;
	margin-top:-29px;

	-moz-opacity: 0.8;
	opacity: 0.8;
}
/* arrow position in slider with thumbs */
.royalSlider.iskin.with-thumbs .arrow {
	margin-top:-49px;
}

/* left arrow */
.royalSlider.iskin .arrow.left {
	background-position: top left;
	left: -32px;
}
/* right arrow */
.royalSlider.iskin .arrow.right {
	background-position: top right;
	right: -32px;
}

/* Arrow down state */
.royalSlider.iskin .arrow:active {

}

/* Arrow hover state */
.royalSlider.iskin .arrow:hover {
	-moz-opacity: 1;
	opacity: 1;
}
/* Arrow disabled state */
.royalSlider.iskin .arrow.disabled {
	-moz-opacity: 1;
	opacity: 1;
}
.royalSlider.iskin .arrow.left.disabled {
	background-position: -32px 0px;
}
.royalSlider.iskin .arrow.right.disabled {
	background-position: -136px 0px;
}

/*
	Bullets and thumbnails navigation
*/
.royalSlider.iskin .royalControlNavOverflow a {
	background: url(bannerotator/img/controls-sprite.png) no-repeat 0 -164px transparent;
	width:18px;
	height:18px;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/* Current bullet */
.royalSlider.iskin .royalControlNavOverflow a.current {
	background-position: 0 -182px !important;
}
/* Bullet hover state */
.royalSlider.iskin .royalControlNavOverflow a:hover {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* Bullets nav or thumbnails main container */
.royalSlider.iskin .royalControlNavOverflow {
	margin-top:4px;
}
/* Thumbnails main container */
.royalSlider.iskin .thumbsAndArrowsContainer {
	margin: 5px 0 0 0;
	position: relative;
	float:left;
	background: #E8EDEE;
	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
 	border-radius: 4px;
}
.royalSlider.iskin .royalControlNavOverflow.royalThumbs {
	margin-top:4px;
}

/* Thumbnails */
.royalSlider.iskin .royalControlNavOverflow a.royalThumb{
	background-color: transparent;
	background-position: 1px 1px;

	width:80px;
	height:45px;
	/* thumbnails spacing, use margin-right only */
	margin-right:4px;

	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;

	border: 1px solid #eee;
	padding: 1px;
}

/* Current thumbnail */
.royalSlider.iskin .royalControlNavOverflow a.royalThumb.current {
	background-position: 1px 1px !important;
	border:1px solid #CCC !important;
}
/* Thumbnail hover state*/
.royalSlider.iskin .royalControlNavOverflow a.royalThumb:hover {
	background-position: 1px 1px;
	border: 1px solid #0085cf;
}

/*
	Thumbnails navigation arrows

*/
.royalSlider.iskin .thumbsArrow {
	background:url(bannerotator/img/controls-sprite.png) no-repeat 0 0;
	width: 28px;
	height: 57px;
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.royalSlider.iskin .thumbsArrow.left {
	background-position: -116px -132px;
	left: 0;
}
.royalSlider.iskin .thumbsArrow.right {
	background-position: -156px -132px;
	right: 0
}
.royalSlider.iskin .thumbsArrow:hover  {
	-moz-opacity: 1;
	opacity: 1;
}
.royalSlider.iskin .thumbsArrow.disabled {
	-moz-opacity: 1;
	opacity: 1;
}
.royalSlider.iskin .thumbsArrow.left.disabled {
	background-position: -36px -132px;
}
.royalSlider.iskin .thumbsArrow.right.disabled {
	background-position: -76px -132px;
}

/* OTRO CSS INCLUDE -----------------------------------------------------------------------------------------------*/

/* Slider itself */
.royalSlider.default {

}
/* Slider with thumbs (used to add padding based on thumbnails size)*/
.royalSlider.default.with-thumbs {
	padding-bottom: 68px;
}

/*
	Left and right navigation arrows
*/
.royalSlider.default .arrow
{
	background: rgb(50, 50, 50);
	background: rgba(0, 0, 0, 0.5);

	background-image:url(bannerotator/img/controls-sprite.png);

	/* change arrows size here */
	width: 30px;
	height: 30px;
	margin-top:-15px;

	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
 	border-radius: 4px;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/* arrow position in slider with thumbs */
.royalSlider.default.with-thumbs .arrow {
	margin-top:-49px;
}
/* Arrow down state */
.royalSlider.default .arrow:active {
	background-color: rgba(0,0,0,0.6);
}
/* Arrow hover state */
.royalSlider.default .arrow:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
/* Arrow disabled state */
.royalSlider.default .arrow.disabled {
	background-color: rgba(0,0,0,0.5) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" !important;
	filter: alpha(opacity=20) !important;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
/* left arrow */
.royalSlider.default .arrow.left {
	background-position: top left;
	left: 5px;
}
/* right arrow */
.royalSlider.default .arrow.right {
	background-position: top right;
	right: 5px;
}

/*
	Bullets and thumbnails navigation
*/
.royalSlider.default .royalControlNavOverflow a {
	background-color: transparent;
	background-image: url(bannerotator/img/controls-sprite.png);
	background-position: 0 -164px;

	width:18px;
	height:18px;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/* Current bullet */
.royalSlider.default .royalControlNavOverflow a.current {
	background-position: 0 -182px !important;
}
/* Bullet hover state */
.royalSlider.default .royalControlNavOverflow a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* Bullets nav sub-container */
.royalSlider.default .royalControlNavCenterer {
	padding:3px 5px;

	background: rgb(50, 50, 50);
	background: rgba(0,0,0,0.5);

	-moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
 	border-radius: 4px;
}
/* Bullets nav or thumbnails main container */
.royalSlider.default .royalControlNavOverflow {
	margin-top:-30px;
}
/* Thumbnails main container */
.royalSlider.default .royalControlNavOverflow.royalThumbs {
	margin-top:6px;
}

/* Thumbnails */
.royalSlider.default .royalControlNavOverflow a.royalThumb{
	background-color: transparent;
	background-position: 0 0;

	width:60px;
	height:60px;
	/* thumbnails spacing, use margin-right only */
	margin-right:4px;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
/* Current thumbnail */
.royalSlider.default .royalControlNavOverflow a.royalThumb.current {
	background-position: -3px -3px  !important;
	border:3px solid #fff !important;
	width:54px;
	height:54px;
}
/* Thumbnail hover state*/
.royalSlider.default .royalControlNavOverflow a.royalThumb:hover {
	background-position: -3px -3px;
	border: 3px solid rgba(255, 255, 255, .5);
	width: 54px;
	height: 54px;
}

/*
	Thumbnails navigation arrows
*/
.royalSlider.default .thumbsArrow {
	background:url(bannerotator/img/controls-sprite.png) no-repeat 0 0;
	width: 28px;
	height: 52px;


	-moz-opacity: 0.8;
	opacity: 0.8;
}
.royalSlider.default .thumbsArrow.left {
	background-position: -116px -132px;
	left: 0;
}
.royalSlider.default .thumbsArrow.right {
	background-position: -156px -132px;
	right: 0
}
.royalSlider.default .thumbsArrow:hover  {
	-moz-opacity: 1;
	opacity: 1;
}
.royalSlider.default .thumbsArrow.disabled {
	-moz-opacity: 1;
	opacity: 1;
}
.royalSlider.default .thumbsArrow.left.disabled {
	background-position: -36px -132px;
}
.royalSlider.default .thumbsArrow.right.disabled {
	background-position: -76px -132px;
}




/** Archivo: bannerslide.css **/

/* v1.0.3 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
	width: 600px;
	height: 400px;
	position: relative;
	direction: ltr;
}
.royalSlider > * {
	float: left;
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0); 
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
	-webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	-webkit-backface-visibility: hidden;
}

.grab-cursor {
	cursor:url(bannerslide/img/grab.png) 8 8, move; 
}

.grabbing-cursor{ 
	cursor:url(bannerslide/img/grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(bannerslide/img/blank.gif);
	-webkit-backface-visibility: hidden;
}



/******************************
*
*  RoyalSlider Universal Skin
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-universal.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsUni,
.rsUni .rsOverflow,
.rsUni .rsSlide,
.rsUni .rsVideoFrameHolder,
.rsUni .rsThumbs {
	background: #222;
	color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsUni .rsArrow {
	height: 100%;
	width: 60px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}
.rsUni.rsVer .rsArrow {
	width: 100%;
	height: 60px;
	
}
.rsUni.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsUni.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsUni.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsUni.rsHor .rsArrowRight { right: 0; top:0; }

.rsUni .rsArrowIcn {		
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top:-16px;	
	margin-left: -16px;

	position: absolute;	
	cursor: pointer;	
	background: url(bannerslide/img/rs-universal.png);
	opacity: 0.5;
	border-radius: 2px;
}
.rsUni .rsArrow:hover .rsArrowIcn {
	opacity: 1;
}

.rsUni.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsUni.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

.rsUni.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsUni.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsUni .rsArrowDisabled .rsArrowIcn { opacity: .1 !important; filter: alpha(opacity=20);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsUni .rsBullets {
	position: relative;
	z-index: 35;
	padding-top: 4px;
	width: 100%;
	height: auto;
	margin: 0 auto; 

	text-align: center;
	line-height: 5px;
	overflow: hidden;
}
.rsUni .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	padding: 5px;
}
.rsUni .rsBullet span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #BBB;
}
.rsUni .rsBullet.rsNavSelected span {
	background-color: #383838;
}





/***************
*
*  3. Thumbnails
*
****************/

.rsUni .rsThumbsHor {
	width: 100%;
	height: auto;
}
.rsUni .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsUni.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsUni.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsUni .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}
.rsUni .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsUni .rsThumb.rsNavSelected {
	background: #333;
}
.rsUni .rsThumb.rsNavSelected img {
	opacity: 0.7;
	filter: alpha(opacity=30);
}
.rsUni .rsThumb.rsNavSelected .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;
} 

.rsUni .rsTmb {
	display: block;
}

/* Thumbnails with text */
.rsUni .rsTmb h5 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #FFF;
}
.rsUni .rsTmb span {
	color: #DDD;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}



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

}
.rsUni.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsUni.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsUni.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsUni.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsUni.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsUni .rsThumbsArrowIcn {		
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;	
	margin-left: -8px;
	position: absolute;	
	cursor: pointer;	
	background: url(bannerslide/img/rs-universal.png) transparent;
}

.rsUni.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsUni.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsUni.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsUni.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

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

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsUni .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsUni .rsThumbsHor {
		height: 44px;
	}
	.rsUni .rsThumbsVer {
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsUni .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rsUni .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;
	text-decoration: none;

	background: #FFF;
	border-right: none;
	*display:inline; 
	*zoom:1;
	*border-right: 1px solid #d9d9d9;
	
}
.rsUni .rsTab:first-child {
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}
.rsUni .rsTab:last-child { 
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	border-right: 1px solid #D9D9DD;
}
.rsUni .rsTab:active { 
	background-color: #f4f4f4;
}
.rsUni .rsTab.rsNavSelected { 
	color: #FFF;
	background: #383838;
	border-color: #383838;
}





/***************
*
*  5. Fullscreen button
*
****************/

.rsUni .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
	
}
.rsUni .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url(bannerslide/img/rs-universal.png) 0 0 transparent;
	opacity: 0.7;
	border-radius: 2px;

}
.rsUni .rsFullscreenBtn:hover .rsFullscreenIcn {
	opacity: 1;
}
.rsUni.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsUni .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsUni .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background:url(bannerslide/img/rs-universal.png) no-repeat 0 -32px;
	background-color: #383838;
	background-color: rgba(0,0,0,0.75);
	*background-color: #383838;
}
.rsUni .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsUni .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
	width: 20px;
	height: 20px;
}
.rsUni .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
}
.rsUni .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsUni .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url(bannerslide/img/rs-universal.png) -64px 0;
	background-color: #383838;
	background-color: rgba(0,0,0,0.75);
	*background-color: #383838;
}
.rsUni .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}



/***************
*
*  7. Preloader
*
****************/

.rsUni .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(bannerslide/img/preloader-white.gif);

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}




/***************
*
*  8. Global caption
*
****************/
.rsUni .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: #222;

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}

/******************************
*
*  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: '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 {
	background: #000;
	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(bannerslide/img/rs-minimal-white.png) transparent;
	
	border-radius: 2px;
}
.rsMinW .rsArrowIcn:hover {

}


.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(bannerslide/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, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}





/***************
*
*  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(bannerslide/img/rs-minimal-white.png) 0 0 transparent;
}
.rsMinW .rsFullscreenIcn:hover {
	opacity: 0.8;
}
.rsMinW.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsMinW .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsMinW .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background:url(bannerslide/img/rs-minimal-white.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsMinW .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
	width: 20px;
	height: 20px;
}
.rsMinW .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
}
.rsMinW .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsMinW .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url(bannerslide/img/rs-minimal-white.png) -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsMinW .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}



/***************
*
*  7. Preloader
*
****************/

.rsMinW .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(bannerslide/img/preloader-white.gif);

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}




/***************
*
*  8. Global caption
*
****************/
.rsMinW .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: #000;
    background: rgba(0,0,0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: #151515;
	color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
	height: 100%;
	width: 44px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}
.rsDefault.rsVer .rsArrow {
	width: 100%;
	height: 44px;
	
}
.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

.rsDefault .rsArrowIcn {		
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top:-16px;	
	margin-left: -16px;

	position: absolute;	
	cursor: pointer;	
	background: url(bannerslide/img/rs-default.png);

	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	
	border-radius: 2px;
}
.rsDefault .rsArrowIcn:hover {
	background-color: rgba(0,0,0,0.9);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 35;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: 0 auto; 

	background: #000;
	background: rgba(0,0,0,0.75);

	text-align: center;
	line-height: 8px;
	overflow: hidden;
}
.rsDefault .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	padding: 6px 5px 6px;
}
.rsDefault .rsBullet span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #777;
	background: rgba(255,255,255,0.5);
}
.rsDefault .rsBullet.rsNavSelected span {
	background-color: #FFF;
}





/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
	width: 100%;
	height: auto;
}
.rsDefault .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsDefault .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}
.rsDefault .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
	background: #02874a;
}
.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.rsDefault .rsTmb {
	display: block;
}

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #FFF;
}
.rsDefault .rsTmb span {
	color: #DDD;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}



/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
	background: #000;
	background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsDefault .rsThumbsArrowIcn {		
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;	
	margin-left: -8px;
	position: absolute;	
	cursor: pointer;	
	background: url(bannerslide/img/rs-default.png);
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

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

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsDefault .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsDefault .rsThumbsHor {
		height: 44px;
	}
	.rsDefault .rsThumbsVer {
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rsDefault .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: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;

	*display:inline; 
	*zoom:1;
}
.rsDefault .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;
}
.rsDefault .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;
}
.rsDefault .rsTab:active { 
	border: 1px solid #D9D9DD;   
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected { 
	color: #FFF;
	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, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
	
}
.rsDefault .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url(bannerslide/img/rs-default.png) 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;

}
.rsDefault .rsFullscreenIcn:hover {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsDefault .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background:url(bannerslide/img/rs-default.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
}
.rsDefault .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsDefault .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url(bannerslide/img/rs-default.png) -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(bannerslide/img/preloader-white.gif);

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}

/** Archivo: carousel.css **/

/*!
 * Ext Core Library 3.0
 * http://extjs.com/
 * Copyright(c) 2006-2009, Ext JS, LLC.
 *
 * MIT Licensed - http://extjs.com/license/mit.txt
 */
.ux-carousel-container {
    overflow: hidden;
    position: relative;
}

.ux-carousel-slides-wrap {
    position: absolute;
    top: 0;
    left: 0;
}

.ux-carousel-slide {
    float: left;
    /*overflow: hidden;*/
    overflow-x:hidden;
    overflow-y:auto;
    text-align: center;
}

.ux-carousel-nav {
    height: 29px;
    width: 100%;
    background-color: #d1ccc7;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    filter:alpha(opacity=70);
}

.ux-carousel-caption {
    font-size: 20px;
    float: left;
    padding: 2px 5px;
    margin: 0;
    text-transform: none;
    color: black;
    overflow: hidden;
    height: 29px;
    width: 100px;
}

.ux-carousel-nav-prev,
.ux-carousel-nav-next,
.ux-carousel-nav-play {
    height: 24px;
    display: block;
    float: right;
    margin: 2px 0;
    background-position: 0 24px;
}

.ux-carousel-nav .ux-carousel-nav-prev {
    background-image: url('http://www.nombrededios.gob.mx/media/img/carousel/prev.png');
    width: 31px;
}

.ux-carousel-nav .ux-carousel-nav-next {
    background-image: url('http://www.nombrededios.gob.mx/media/img/carousel/next.png');
    margin-right: 2px;
    width: 30px;
}

.ux-carousel-nav-play {
    background-image: url('http://www.nombrededios.gob.mx/media/img/carousel/play_pause.png');
    width: 24px;
}

.ux-carousel-nav-play:hover {
    background-position: 0 0;
}
.ux-carousel-nav-play.ux-carousel-playing {
    background-position: 24px 24px;
}
.ux-carousel-nav-play.ux-carousel-playing:hover {
    background-position: 24px 0;
}

.ux-carousel-nav-prev:hover,
.ux-carousel-nav-next:hover {
    background-position: 0 48px;
}

.ux-carousel-nav-prev.ux-carousel-nav-disabled,
.ux-carousel-nav-next.ux-carousel-nav-disabled {
    background-position: 0 0;
}

/** Archivo: comboboxstyle.css **/

.cbx-style{
	width:200px;
	position:relative;
	cursor: pointer;
}
.cbx-style input{
	border:none;
	background:none;
	width: 97%;
	margin: 8px 0 0 3px;
	color:444444;
    font-size: 10px;
}
.cbx-style .cbx-style-list{
	border:1px solid #d7d7d7;
	position:absolute;
	background:#fdfdfd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 4px #838383;
    z-index:99999;
    padding:10px;
}
.cbx-style .cbx-style-item{
	float:left;
	border-bottom: 1px dotted #d4d4d4;
	overflow:hidden;
	color:#3b3b3b;
	font-size: 10px;
	cursor: pointer;
	font-size: 10px;
}
.cbx-style .cbx-style-list-content{
	overflow:hidden;
}
.cbx-style .cbx-style-item div{
	display: table-cell;
	vertical-align: middle;
	padding: 2px;
	font-size: 10px;
	white-space: nowrap;
}
.cbx-style .cbx-style-item-select{
	background:#E6E6E6;
	color:#474747;
}
.cbx-style .cbx-style-item-selected{
	background:#73ae4e;
	color:#FFFFFF;
}
.cbx-style .cbx-style-item:hover{
	background:#E6E6E6;
	color:#474747;
}
.cbx-style .cbx-style-bg-left{
    background:url(comboboxstyle/img/cbxs-bg-left.png) no-repeat scroll left 0 transparent;
    padding-left:7px;
}
.cbx-style .cbx-style-bg-right{
    background:url(comboboxstyle/img/cbxs-bg-right.png) no-repeat scroll right 0 transparent;
    padding-right:22px;
}
.cbx-style .cbx-style-bg-center{
    background:url(comboboxstyle/img/cbxs-bg-center.png) repeat-x scroll 0 0 transparent;
    height:26px;
}
.cbx-style .cbx-style-list-select{
    background:url(comboboxstyle/img/cbxs-list-select.png) no-repeat scroll 0 0 transparent;
    height:8px;
    width:15px;
    position:absolute;
    z-index: 999999;
}






.cbx-style .cbx-style-item .cls-dep-nombre_corto{
	color: #506C20;
	display: inline;
	font-weight:bold;
}
.cbx-style .cbx-style-item .cls-dep-nombre_largo{
	display: inline;
}
.cbx-style .cbx-style-item-selected .cls-dep-nombre_corto{
	color:#FFFFFF;
	font-weight:bold;
}

/** Archivo: combobreadcrum.css **/

.combobreadcrum{
	background:url(combobreadcrum/img/cbc-bg.png) repeat;
}

.combobreadcrum .cbcItem{
	display: inline-block;
	position:relative;
}
.combobreadcrum .cbcItem-Text{
	color:#3b3b3b;
	display: table-cell;
	font-size: 9px;
	font-weight: bold;
	vertical-align: middle;
	height: 26px;
	padding: 0 5px;
}
.combobreadcrum .cbcItem-Btn{
	display: table-cell;
	cursor:pointer;
	vertical-align: middle;
	text-align: center;
	width: 15px;
}
.combobreadcrum .cbcItem-arrow{
	background:url(combobreadcrum/img/cbc-arrow.png) no-repeat scroll -9px 0 transparent;
	height:7px;
	width:9px;
	display: inline-block;
}
.combobreadcrum .cbcItem:hover .cbcItem-Text{
	background:#C2C2C2;
}
.combobreadcrum .cbcItem:hover .cbcItem-Btn{
	background:#A5A5A5;
}
.combobreadcrum .cbcItem:hover .cbcItem-arrow{
	background-position: 0 0;
}
.combobreadcrum .cbcItem-list{
	border:1px solid #d7d7d7;
	position:absolute;
	background:#fff;   
    box-shadow: 1px 1px 4px #E4E4E4;
    z-index:99999;
    padding:15px;
}

.combobreadcrum .cbcItem-list-select{
    background:url(combobreadcrum/img/cbxs-list-select.png) no-repeat scroll 0 0 transparent;
    height:8px;
    width:15px;
    position:absolute;
    z-index: 999999;
}
.combobreadcrum .cbcItem-list-content{
}
.combobreadcrum .cbcItem-item-select{
	background:#E6E6E6;
	color:#474747;
}
.combobreadcrum .cbcItem-item-selected{
	background:#73ae4e;
	color:#FFFFFF;
}
.combobreadcrum .cbcItem-item-text{
	float:left;
	height:19px;
	border-bottom: 1px dotted #d4d4d4;
	overflow:hidden;
	color:#3b3b3b;
	font-size: 10px;
	cursor: pointer;
}
.combobreadcrum .cbcItem-item-text:hover{
	background:#E6E6E6;
	color:#474747;
}
.cbcInput-search{
	position:relative;
	display: inline-block;
}
.cbcInput-search .cbcItem-item-selected{
	background:#73ae4e;
	color:#FFFFFF;
}
.cbcInput-search .cbcItem-list{
	border:1px solid #d7d7d7;
	position:absolute;
	background:#fdfdfd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 4px #838383;
    z-index:99999;
    padding:10px;
}

.cbcInput-search .cbcItem-list-select{
    background:url(combobreadcrum/img/cbxs-list-select.png) no-repeat scroll 0 0 transparent;
    height:8px;
    width:15px;
    position:absolute;
    z-index: 999999;
}
.cbcInput-search .cbcItem-list-content{
}

.cbcInput-search .cbcItem-item-text{
	float:left;
	border-bottom: 1px dotted #d4d4d4;
	overflow:hidden;
	color:#3b3b3b;
	font-size: 10px;
	cursor: pointer;
}
.cbcInput-search .cbcItem-item-text:hover{
	background:#E6E6E6;
	color:#474747;
}
.cbcInput-search input{
    background: transparent;
    border: none;
    height: 26px;
    width: 100%;
    margin-right: 6px;
    position: relative;
    top: -4px;
}
.cbcInput-search input.input-empty{
 	color: #999999;
 	font-size:11px;
}
.cbcInput-search input.input-text{
 	color: #000000;
 	font-size:11px;
}


.cbcInput-search .cbx-style-bg-left{
    background:url(comboboxstyle/img/cbxs-bg-left.png) no-repeat scroll left 0 transparent;
    padding-left:7px;
}
.cbcInput-search .cbx-style-bg-right{
    background:url(comboboxstyle/img/cbxs-bg-right.png) no-repeat scroll right 0 transparent;
    padding-right:22px;
}
.cbcInput-search .cbx-style-bg-center{
    background:url(comboboxstyle/img/cbxs-bg-center.png) repeat-x scroll 0 0 transparent;
    height:26px;
    width: auto;
    font-size: 12px;
}

.cbcInput-search .cbx-style-bg-rightn{
    background:url(comboboxstyle/img/cbxs-bg-rightn.png) no-repeat scroll right 0 transparent;
    padding-right:7px;
}
.cbcInput-search label{
	display: inline-block;
    position: relative;
    top: 0px; 
    color:#999999; 
    padding-right:25px;
    &:hover {
		cursor:pointer;
    }
}

.cbcInput-search input[type="radio"] {
	width:22px;
}

/** Archivo: datepicker.scss **/

.minicalendario { /* DatePicker Container */ /* DatePicker Table */ }
.minicalendario .ui-datepicker { width: 216px; height: auto; margin: 5px auto 0; font: 9pt Arial, sans-serif; border: 1px solid #dfdfdf; }
.minicalendario .ui-datepicker a { text-decoration: none; }
.minicalendario .ui-datepicker table { width: 100%; }
.minicalendario .ui-datepicker-header { background: #6D6D6D; color: #F2F2F2; font-weight: bold; line-height: 30px; border-width: 0 0 0 0; border-style: solid; border-color: #dcdcdc; }
.minicalendario .ui-datepicker-title { text-align: center; }
.minicalendario .ui-datepicker-prev, .minicalendario .ui-datepicker-next { display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; background-image: url("datepicker/img/arrow.png"); background-repeat: no-repeat; line-height: 600%; overflow: hidden; }
.minicalendario .ui-datepicker-prev { float: left; background-position: center -30px; }
.minicalendario .ui-datepicker-next { float: right; background-position: center 0px; }
.minicalendario .ui-datepicker thead { background-color: #fff; border-bottom: 1px solid #dfdfdf; }
.minicalendario .ui-datepicker th { text-transform: uppercase; font-size: 6pt; padding: 5px 0; color: #666666; text-shadow: 1px 0px 0px #fff; filter: dropshadow(color=white, offx=1, offy=0); }
.minicalendario .ui-datepicker tbody td { padding: 0; border-right: 1px solid #dfdfdf; }
.minicalendario .ui-datepicker tbody td:last-child { border-right: 0px; }
.minicalendario .ui-datepicker tbody tr { border-bottom: 1px solid #dfdfdf; }
.minicalendario .ui-datepicker tbody tr:last-child { border-bottom: 0px; }
.minicalendario .ui-datepicker td span, .minicalendario .ui-datepicker td a { display: inline-block; font-weight: bold; text-align: center; width: 30px; height: 30px; line-height: 30px; color: #666666; }
.minicalendario .ui-datepicker-calendar .ui-state-default { background: #ededed; }
.minicalendario .ui-datepicker-calendar .ui-state-hover { background: #f7f7f7; }
.minicalendario .ui-datepicker-calendar .ui-state-active { background: #6D6D6D; color: #e0e0e0; border: 1px solid #6D6D6D; position: relative; margin: -1px; }
.minicalendario .ui-datepicker-unselectable .ui-state-default { background: #f4f4f4; color: #b4b3b3; }
.minicalendario .ui-datepicker-calendar td:first-child .ui-state-active { width: 29px; margin-left: 0; }
.minicalendario .ui-datepicker-calendar td:last-child .ui-state-active { width: 29px; margin-right: 0; }
.minicalendario .ui-datepicker-calendar tr:last-child .ui-state-active { height: 29px; margin-bottom: 0; }
.minicalendario table { border-collapse: collapse; border-spacing: 0; }


/** Archivo: lightbox.css **/

/*!
 * Ext Core Library 3.0
 * http://extjs.com/
 * Copyright(c) 2006-2009, Ext JS, LLC.
 *
 * MIT Licensed - http://extjs.com/license/mit.txt
 */
#ux-lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15000;
    text-align: center;
    line-height: 0;
}

#ux-lightbox img {
    width: auto;
    height: auto;
}

#ux-lightbox a img {
    border: none;
}

#ux-lightbox-outerImageContainer {
    position: relative;
    background-color: #f3efec;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#ux-lightbox-imageContainer {
    padding: 10px;
}

#ux-lightbox-loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    background: url(lightbox/img/lb-load.gif) no-repeat center 15%;
}

#ux-lightbox-hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#ux-lightbox-imageContainer > #ux-lightbox-hoverNav {
    left: 0;
}

#ux-lightbox-hoverNav a{
    outline: none;
}

#ux-lightbox-navPrev,
#ux-lightbox-navNext {
    width: 48%;
    height: 100%;
    /*background-image: url(data:image/gif;base64,AAAA);  Trick IE into showing hover */
    display: block;
}

#ux-lightbox-navPrev { left: 0; float: left; margin-left:10px;}
#ux-lightbox-navNext { right: 0; float: right;  margin-right:10px;}
#ux-lightbox-navPrev:hover, #ux-lightbox-navPrev:visited:hover { background: url(lightbox/img/lb-prev.png) left center no-repeat; }
#ux-lightbox-navNext:hover, #ux-lightbox-navNext:visited:hover { background: url(lightbox/img/lb-next.png) right center no-repeat; }

#ux-lightbox-outerDataContainer {
    margin: 0 auto;
    width: 100%;
}

#ux-lightbox-dataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #f3efec;
    overflow: auto;
    line-height: 1.4em;
}

#ux-lightbox-data{	padding:0 10px; color: #666; }
#ux-lightbox-data #ux-lightbox-details{ width: 80%; float: left; text-align: left; }
#ux-lightbox-data #ux-lightbox-caption{ font-weight: bold;	}
#ux-lightbox-data #ux-lightbox-imageNumber{ display: block; clear: left; padding-bottom: 1.0em;	}
#ux-lightbox-data #ux-lightbox-navClose{ background: url(lightbox/img/imgs.png) no-repeat scroll 0 0 transparent; height: 21px; float: right; outline: none; color: #666666; padding-left: 25px; padding-top: 3px; margin: 0px 10px 5px 0;}
#ux-lightbox-data #ux-lightbox-navClose:hover{ background-position: 0 -22px;}
#ux-lightbox-data #ux-lightbox-navSave{ background: url(lightbox/img/imgs.png) no-repeat scroll 0 -44px transparent; height: 21px; float: right;  padding-left: 25px; padding-top: 3px; color: #666666; outline: none; margin: 0px 10px 5px 0;}
#ux-lightbox-data #ux-lightbox-navSave:hover{ background-position: 0 -66px;}

#ux-lightbox-overlay,
#ux-lightbox-shim{
    border: 0;
    position: absolute;
    top: 0 !important;
    left: 0;
    z-index: 14999;
    width: 100%;
    height: 500px;
    background-color: #000;
    padding: 0;
    margin: 0;
}

#ux-lightbox-shim {
    z-index: 89;
    background-color: transparent;
    filter: alpha(opacity=0);
}


/** Archivo: loadmask.scss **/

.loadmask { z-index: 100; position: absolute; top: 0; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background-color: #CCC; width: 100%; height: 100%; zoom: 1; }

.loadmask-msg { z-index: 20001; position: absolute; top: 0; left: 0; border: 1px solid #6593cf; background: #c3daf9; padding: 2px; }
.loadmask-msg div { padding: 5px 10px 5px 25px; background: #fbfbfb url("loadmask/img/loading.gif") no-repeat 5px 5px; line-height: 16px; border: 1px solid #a3bad9; color: #222; font: normal 11px tahoma, arial, helvetica, sans-serif; cursor: wait; }

.masked { overflow: hidden !important; }

.masked-relative { position: relative !important; }

.masked-hidden { visibility: hidden !important; }


/** Archivo: menufixed.scss **/

/*************************

	Name plugin: MenuFixed 
	Created: 28-marzo-2014
	Version: 1.0

**************************/
.nav-fixed { display: none; position: fixed !important; top: 0; z-index: 999; margin: 0; width: 100% !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow: 0px 2px 10px 0px #000; }


/** Archivo: paginador.scss **/



/** Archivo: rating.css **/

/*!
 * Ext Core Library 3.0
 * http://extjs.com/
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * 
 * MIT Licensed - http://extjs.com/license/mit.txt
 */
/* Stars */
.ux-rating-reset,
.ux-rating-star {
	float:left;
	width:17px;
	height:15px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden
}
.ux-rating-reset,
.ux-rating-reset a {
	background:url(http://www.nombrededios.gob.mx/media/default_theme/widgets/widgets/rating/img/delete.gif) no-repeat 0 -16px
}
.ux-rating-star,
.ux-rating-star a {
	background:url(http://www.nombrededios.gob.mx/media/default_theme/widgets/widgets/rating/img/star.gif) no-repeat 0 0px
}
.ux-rating-reset a,
.ux-rating-star a {
	display:block;
	width:16px;
	height:100%;
	background-position:0 0px
}
.ux-rating-star-on a {
	background-position:0 -16px!important
}
.ux-rating-star-hover a {
	background-position:0 -32px
}
.ux-rating-reset-hover a {
	background-position:0 -16px
}
.ux-rating-disabled a {
	cursor:default !important
}
.ux-rating-star {
	background:transparent!important;
	overflow:hidden!important
}

.ext-ie .ux-rating-clearfix {
    zoom: 1;
}
.ux-rating-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/** Archivo: simplegallery.css **/

/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{
	position: relative; /*keep this intact*/
	visibility: hidden; /*keep this intact*/
	border: 10px solid darkred;
}

#simplegallery1 .gallerydesctext{ 
	text-align: left;
	padding: 2px 5px;
}

/** Archivo: simpletabs.css **/

.simpletabs{
	/*height: 450px;*/
	background:url(http://www.nombrededios.gob.mx/media/default_theme/widgets/widgets/simpletabs/img/back-loc-1px.png) repeat-x bottom center #FCFBFA;
	padding:10px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 1em #E1E1E1;
	-webkit-box-shadow: 0 0 1em #E1E1E1;
    box-shadow: 0 0 1em #E1E1E1;
}
.simpletabs .tabs{
	padding:3px 4px 0 7px;
	border-right:1px solid #A57622;
	cursor:pointer;
	height:17px;
	float: left;
}
.simpletabs .tab-seleted{
	background: url(http://www.nombrededios.gob.mx/media/default_theme/widgets/widgets/simpletabs/img/1-px-pest.png) repeat-x scroll center top #A57622;
}
.simpletabs .tabs-bar{
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background: url(http://www.nombrededios.gob.mx/media/default_theme/widgets/widgets/simpletabs/img/1-px-pest-on.png) repeat-x scroll center top #D0A143;
	color:#fff;
	font-weight:bold;
	border:1px solid #A57622;
	overflow:hidden;
}
.simpletabs .list-tab{
	padding:5px 15px;
}

/** Archivo: sliders.css **/

/*.pagination {
	margin:26px auto 0 !important;
	width:100px;	
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(http://www.nombrededios.gob.mx/media/default_theme/widgets/widgets/sliders/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

*/

/** Archivo: tabs.css **/

/*!
 * Ext Core Library $version
http://extjs.com/
Copyright(c) 2006-2009, $author.

The MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

 */
.ux-tabs-strip {
    width: 100%;
    float: left;
    /*background:url(http://www.nombrededios.gob.mx/media/default_theme/widgets/widgets/tabs/img/wt-norm.png) repeat-x bottom;*/
	margin: 0;
	padding: 0;
	list-style: none;
}

.ux-tabs-strip li {
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
    border-color: #b8cbde;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    background: url(http://www.nombrededios.gob.mx/media/default_theme/widgets/widgets/tabs/img/wt-right.png) no-repeat right top;
}

.ux-tabs-strip li a {
    color: #222;
    display: block;
    background: url(http://www.nombrededios.gob.mx/media/default_theme/widgets/widgets/tabs/img/wt-left.png) no-repeat left top;
    padding: 5px 15px 4px;
	text-decoration: none;
}

.ux-tabs-strip li.ux-tabs-tab-active {
	background: url(http://www.nombrededios.gob.mx/media/default_theme/widgets/widgets/tabs/img/wt-right-on.png) no-repeat right top;
	border-width: 0px 0px 0px 0px;
}

.ux-tabs-strip li.ux-tabs-tab-active a {
    background: url(http://www.nombrededios.gob.mx/media/default_theme/widgets/widgets/tabs/img/wt-left-on.png) no-repeat left top;
    padding: 5px 15px 5px;
}

.ux-tabs-cards {
	float: left;
	padding: 15px 15px;
    border-width: 0px 1px 1px 1px;
    border-color: #b8cbde;
    border-style: none solid solid solid;
    background-color: #e1e6ee;
}

.ux-tabs-card {
	display: none;
    padding: 5px;
    border: 1px dotted #abb3b0;
    background-color: #f8fafd;
    line-height:19px;
}

.ux-tabs-card.ux-tabs-card-active {
	display: inline-block;
}

.ux-tabs-card li {
    list-style-type: circle;
    list-style-position: inside;
}

.ext-ie .ux-tabs-clearfix {
    zoom: 1;
}
.ux-tabs-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/** Archivo: turbuttons.css **/

.cls-tur-buttons{}
.cls-tur-buttons:hover .btn-planeador-large a{background-position:-234px -56px}
.cls-tur-buttons:hover .btn-planeador-small a{background-position:-234px -39px}
.cls-tur-buttons:hover .btn-me-gusta-large a{background-position:-468px -56px;}
.cls-tur-buttons:hover .btn-me-gusta-small a{background-position:-472px -39px;}
.cls-tur-buttons:hover .btn-detalles-large a{background-position:0 -56px;}
.cls-tur-buttons:hover .btn-detalles-small a{background-position:0 -39px;}

.cls-tur-btn-planeador,
.cls-tur-btn-detalles,
.cls-tur-btn-me-gusta{
	display: inline-block;
	margin: 0 3px;
}

.cls-tur-btn-planeador a,
.cls-tur-btn-detalles a,
.cls-tur-btn-me-gusta a{
	display: inline-block;
	font-size: 11px !important;
    height: 16px;
    padding: 4px 3px 0 17px;
    color:#FFFFFF  !important;
    outline: medium none;
    text-decoration: none;
    border-radius: 4px 4px 4px 4px;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    background-image: url(turbuttons/img/bg.png);
    font-weight: normal;
}
.cls-tur-btn-me-gusta a{padding: 3px 3px 0 20px;}

.btn-planeador-large{}
.btn-planeador-large a{background-position: -234px -17px;white-space:nowrap;}
.btn-planeador-large a:hover{background-position:-234px -96px !important;}
.btn-planeador-large a:active{background-position:-234px -96px !important;}

.btn-me-gusta-large{}
.btn-me-gusta-large .me-gusta-bg{background:url(turbuttons/img/contador.png) no-repeat;margin: 1px 0 0 2px;float: right;}
.btn-me-gusta-large .me-gusta-bg div{display: table-cell;height: 18px;vertical-align: middle;width: 28px;font-size: 10px;text-align: center;color: #49803A;}
.btn-me-gusta-large a{background-position: -468px -17px;white-space:nowrap;}
.btn-me-gusta-large a:hover{background-position: -468px -96px !important;}
.btn-me-gusta-large a:active{background-position: -468px -136px !important;}
.btn-me-gusta-large .me-gusta-checked{background-position: -468px -96px !important;}

.btn-detalles-large{}
.btn-detalles-large a{background-position: 0 -17px;white-space:nowrap;}
.btn-detalles-large a:hover{background-position: 0 -96px !important;}
.btn-detalles-large a:active{background-position: 0 -136px !important;}

/*BUTTONS SMALL*/
.btn-planeador-small{}
.btn-planeador-small a{
    background-position: -234px 0;
    height: 15px;
    white-space: nowrap;
    width: 15px;
	padding:0;
}
.btn-planeador-small a:hover{background-position:-234px -79px !important;}
.btn-planeador-small a:active{background-position:-234px -120px !important;}

.btn-me-gusta-small{}
.btn-me-gusta-small a{
    background-position: -472px 0;
    height: 15px;
    white-space: nowrap;
    width: 15px;
	padding:0;
}
.btn-me-gusta-small a:hover{background-position:-472px -79px !important;}
.btn-me-gusta-small a:active{background-position:-472px -120px !important;}
.btn-me-gusta-small .me-gusta-checked{background-position: -472px -79px !important;}

.btn-detalles-small{}
.btn-detalles-small a{
	background-position: 0px 0px;
    height: 15px;
    white-space: nowrap;
    width: 15px;
	padding:0;
}
.btn-detalles-small a:hover{background-position: 0 -79px !important;}
.btn-detalles-small a:active{background-position: 0 -120px !important;}