/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
 */

/* -----------------------------------
 * Slidebars
 * Version 0..10
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */

html, body, #sb-site, .sb-site-container, .sb-slidebar {
	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html, body {
	width: 100%;
	overflow-x: hidden; /* Stops horizontal scrolling. */
}

html {
	height: 100%; /* Site is as tall as device. */
}

body {
	min-height: 100%;
	height: auto;
	position: relative; /* Required for static Slidebars to function properly. */
}

html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden; /* Prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
}

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container {
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	position: relative;
	z-index: 1; /* Site sits above Slidebars */
	background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}

/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar {
	padding:10px;
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 0;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */
	-webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
	left: 0; /* Set Slidebar to the left. */
}

.sb-right {
	right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	z-index:9999;
}

.sb-style-overlay {
	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar {
		width: 70%;
	}
	
	.sb-width-thin {
		width: 55%;
	}
	
	.sb-width-wide {
		width: 85%;
	}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
	.sb-slidebar {
		width: 55%;
	}
	
	.sb-width-thin {
		width: 40%;
	}
	
	.sb-width-wide {
		width: 70%;
	}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
	.sb-slidebar {
		width: 40%;
	}
	
	.sb-width-thin {
		width: 25%;
	}
	
	.sb-width-wide {
		width: 55%;
	}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
	.sb-slidebar {
		width: 20%;
	}
	
	.sb-width-thin {
		width: 5%;
	}
	
	.sb-width-wide {
		width: 35%;
	}
}

/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition: -moz-transform 400ms ease;
	     -o-transition: -o-transform 400ms ease;
	        transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}
body {
    font-family: 'Century Gothic', 'Muli', sans-serif;
    background: #bbbbbb !important;
    font-size: 16px;
}

.NoPadding.col-xs-12 {
    padding: 0px !important;
}

.NoMargin {
    margin: 0px !important;
}

.RecoverPaddding {
    padding-left: 15px;
    padding-right: 15px;
}

#sb-site {
    background: #fff;
    min-height: 0px !important;
}

.TransitionClass {
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

#sb-site .navbar-default {
    border-radius: 0px !important;
    margin: 0 !important;
    border: none !important;
    min-height: auto;
    background: transparent;
    float: none;
}

.sb-slide.hidden-sm.hidden-md.hidden-lg.hidden-xl {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9999;
    width: 100%;
    height: 49px;
    background: #000000;
    border-top: 5px solid #0095da;
    border-bottom: 1px solid #0095da;
}

.RutaContainer .sb-slide.hidden-sm.hidden-md.hidden-lg.hidden-xl,
.AgriculturaContainer .sb-slide.hidden-sm.hidden-md.hidden-lg.hidden-xl {
    background: #00698c;
    border-top: 5px solid #f58345;
    border-bottom: 1px solid #f58345;
}
.AgriculturaContainer .sb-slide.hidden-sm.hidden-md.hidden-lg.hidden-xl {
    background: #6fae66;
}

.sb-toggle-right {
    cursor: pointer;
}

.accessible.skiptocontent {
    background: #000000;
    border-radius: 0px 0px 5px 5px;
    display: block;
    padding: 15px 25px;
    position: fixed;
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
    font-family: 'Century Gothic', 'Muli', sans-serif;
}

.accessible.skiptocontent:focus,
.accessible.skiptocontent:active {
    color: #fff;
    background-color: #000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    border-radius: 15px;
    border: 4px solid yellow;
    text-align: center;
    font-size: 1.2em;
    z-index: 999;
}

.container {
    width: 80%;
}

.container.container100 {
    width: 100%;
}

header {
    background: #000000;
    border-top: 10px solid #0095da;
    color: #ffffff;
}

.RutaContainer header, 
.AgriculturaContainer header{
    background: #00698c;
    border-top: 10px solid #f58345;
}
.AgriculturaContainer header{
    background: #6fae66;
}

.headerHomeDeg {
    /*background: #000000;
    border-top:10px solid #0095da;
    color:#ffffff;*/
    background: rgba(0, 0, 0, 0.2);
    border-top: 10px solid #0095da;
    color: #ffffff;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999;
    width: 100%;
    margin: 0px !important;
}

.headerActive {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.headerActive .HeaderLeft,
.headerActive .HeaderRight {
    position: absolute;
    z-index: 99999;
}

.headerActive .HeaderLeft {
    left: 15px;
    top: 5px;
}

.headerActive .HeaderRight {
    right: 0px;
    top: 0px;
}

.headerActive .HeaderMenuContainer {
    padding: 10px 50px 10px 150px;
}


/*.cso_logo,*/

.Mobile_cso_logo {
    display: block;
    width: 240px;
    height: 45px;
    margin: 10px 0px;
    background: url(/images/logoCSO.gif) no-repeat top left;
    background-size: 167px;
}

.logosHeaderContainer a {
    margin: 25px 15px;
}

.cso_logo {
    display: block;
    width: 161px;
    height: 52px;
    background: url(/images/csoLogo.png) no-repeat top left;
}

.mtss_logo {
    background: url(/images/logo_mtss.png) no-repeat top left;
	background-size:100%;
    display: block;
    height: 53px;
    width: 403px;
}

.RutaContainer .cso_logo,
.RutaContainer .Mobile_cso_logo,
.AgriculturaContainer .cso_logo,
.AgriculturaContainer .Mobile_cso_logo {
    background-image: url(/images/logoCSORuta.png);
    background-repeat: no-repeat;
    background-size: 161px;
    background-position: left 3px;
}

.RutaContainer .cso_logo,
.AgriculturaContainer .cso_logo {
    margin: 15px;
    width: 240px;
}

.headerActive .logosHeaderContainer a {
    background-size: 100%;
    overflow: hidden;
    margin-top: 14px;
}

.headerActive .logosHeaderContainer a.mtss_logo {
    width: 220px;
}

.headerActive .logosHeaderContainer a.cso_logo {
    width: 100px;
}

.RutaContainer .headerActive .cso_logo,
.AgriculturaContainer .headerActive .cso_logo {
    background-size: 107px;
    width: 110px;
    background-position: left 8px;
}

.mobileLogosContainer {
    display: flow-root;
}

.Mobile_cso_logo,
.Mobile_mtss_logo {
    float: left;
    background-size: 100% !important;
    display: block;
    height: 23px;
}

.Mobile_cso_logo {
    width: 80px;
    margin-left: 15px;
    background: url(/images/cso_logo.jpg) no-repeat top left;
}

.Mobile_mtss_logo {
    width: 66px;
    margin-top: 11px;
    margin-left: 25px;
    background: url(/images/mtssLogo.png) no-repeat top left;
    background-size: auto;
    height: 25px;
}

.LogoText,
.cso_logo:hover .LogoText {
    color: #ffffff !important;
    text-decoration: none !important;
    display: block;
    width: 70px;
    margin: 0px 0px 0px auto;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 14px;
    padding-top: 4px;
    margin-top: 25px;
}

.RutaContainer .headerActive .cso_logo,
.AgriculturaContainer .headerActive .cso_logo
{
    width: 161px;
    margin-top: 5px;
}

.RutaContainer .LogoText,
.AgriculturaContainer .LogoText
{
    display: block;
}

.RutaContainer .headerActive .LogoText,
.AgriculturaContainer .headerActive .LogoText
{
    height: 5px;
}
.headerActive .LogoText,
.RutaContainer .headerActive .LogoText,
.AgriculturaContainer .headerActive .LogoText{
    display: none !important;
}

.CambiarFont {
    margin: 15px;
}

.headerActive .CambiarFont {
    margin: 0px;
}

.headerActive .ChanceSizeContainer {
    position: absolute;
    display: block;
    top: -44px;
    right: 50px;
    background: #0095d9;
    margin: 0px;
    width: 127px;
    height: 41px;
    border-radius: 0px 0px 10px 10px;
    padding: 0px 15px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.headerActive .ChanceSizeContainer:hover {
    top: 0px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.headerActive .ChanceSizeContainer::after {
    position: absolute;
    bottom: -25px;
    right: 10px;
    content: "+ -";
    color: #ffffff;
    background: #0095d9;
    width: 40px;
    height: 27px;
    border-radius: 0px 0px 10px 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.RutaContainer .headerActive .ChanceSizeContainer,
.RutaContainer .headerActive .ChanceSizeContainer::after,
.AgriculturaContainer .headerActive .ChanceSizeContainer,
.AgriculturaContainer .headerActive .ChanceSizeContainer::after {
    background: #f58345;
}

.headerActive .ChanceSizeContainer:hover::after {
    height: 0px;
    content: "+ -";
    color: #0095d9;
    font-size: 1px;
    bottom: 0px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.CambiarFont a {
    color: #ffffff;
    padding: 5px;
    display: inline-block;
    font-family: 'Century Gothic', 'Muli', sans-serif;
}

.CambiarFont a:hover,
.CambiarFont a:focus {
    color: #24b8fc;
    text-decoration: none !important;
}

.AgriculturaContainer .CambiarFont a:hover,
.AgriculturaContainer .CambiarFont a:focus {
    color: #00956b;
}
.headerActive .CambiarFont a {
    color: #000000;
}

.headerActive .CambiarFont a:hover,
.headerActive .CambiarFont a:focus {
    color: #ffffff;
}

.decreaseFont {
    font-size: 15px;
}

.resetFont {
    font-size: 18px;
}

.increaseFont {
    font-size: 21px;
}

.SearchIcnContainer {
    /*padding:25px 15px 0px 5px;*/
    position: relative;
    height: 45px;
    width: 35px;
    cursor: pointer;
}

.SearchIcnContainer::after {
    position: absolute;
    width: 35px;
    height: 0px;
    top: 0px;
    right: 9px;
    border-radius: 0px 0px 25px 25px;
    content: "";
    background: #0095da;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
    opacity: 0.5;
}

.AgriculturaContainer .SearchIcnContainer::after{
    background: #00956b;
}

.SearchIcnContainer:hover::after {
    height: 45px;
    opacity: 1;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.SearchIcnContainer .glyphicon {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0px;
    left: 0px;
    z-index: 99;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.SearchIcnContainer:hover .glyphicon {
    bottom: 15px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.SearchContainer {
    position: fixed;
    z-index: 9999;
    top: -10px;
    right: 10%;
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0095da+2,0095da+50&1+0,0.9+50 */
    background: -moz-linear-gradient(top, rgba(0, 149, 218, 1) 0%, rgba(0, 149, 218, 1) 2%, rgba(0, 149, 218, 0.9) 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 149, 218, 1) 0%, rgba(0, 149, 218, 1) 2%, rgba(0, 149, 218, 0.9) 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 149, 218, 1) 0%, rgba(0, 149, 218, 1) 2%, rgba(0, 149, 218, 0.9) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0095da', endColorstr='#e60095da', GradientType=0);
    /* IE6-9 */
    width: 80%;
    height: 0%;
    overflow: hidden;
    border-radius: 10px;
}

.SearchContainer .input-group {
    width: 80%;
    margin: 50px auto;
}

.SearchContainerActive {
    height: auto;
    top: 15%;
    overflow: visible;
    padding: 30px 0px 50px;
}

.SearchModalTitle {
    color: #ffffff;
    font-size: 35px;
    margin: 15px 10% 0px;
    font-family: 'Century Gothic', 'Muli', sans-serif;
}

.CloseSearchModal {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 36px;
    height: 30px;
    cursor: pointer;
}

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

.CloseModal::after,
.CloseModal::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 24px;
    background: #ffffff;
    left: 16px;
    top: 3px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.CloseModal::after {
    transform: rotate(45deg);
}

.CloseModal::before {
    transform: rotate(-45deg);
}

.CloseSearchModal:hover .CloseModal::before {
    transform: rotate(135deg);
}

.CloseSearchModal:hover .CloseModal::after {
    transform: rotate(-135deg);
}

.SliderImagesContainer {
    position: relative;
    width: 100%;
}

.SliderImagesContainer .DegSliderImages {
    position: absolute;
    width: 100%;
    height: 40%;
    z-index: 999;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+33,000000+77,000000+100&0.8+33,0.25+77,0+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 33%, rgba(0, 0, 0, 0.25) 77%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 33%, rgba(0, 0, 0, 0.25) 77%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 33%, rgba(0, 0, 0, 0.25) 77%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

.SliderImagesContainer.SliderDegInternas .DegSliderImages {
    height: 80%;
}

/*.SliderImagesContainer div {
    min-height:0px !important;
}*/

.ContextualesContainer .col-xs-12 {
    padding: 0px !important;
}

#MainContainer.ContentContainer div.NewSlider .n2-font-solido-celeste-link a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.ContextualesContainer img {
    width: 100%;
}

.ImagenContextualCaption {
    position: absolute;
    font-family: 'Century Gothic', 'Muli', sans-serif;
    display: block;
    background: #ffffff;
    padding: 10px 25px;
    bottom: 0px;
    left: 5%;
    color: #006795;
    font-size: 35px;
}
.AgriculturaContainer .ImagenContextualCaption{
    color: #009556;
}

.MenuHeaderContainer {
    background: transparent;
}

.ContentContainer {
    position: relative;
}


/*Search*/

.SearchContainer input {
    font-size: 28px;
    color: #0371a4;
    background: #dfedf3;
    padding: 10px 15px;
    border-bottom: 1px solid #0371a4;
    border-top: none;
    border-left: none;
    border-right: none;
    height: auto;
}

.SearchContainer input,
.SearchContainer .input-group-btn #botonBuscar {
    border-radius: 0px !important;
}

.SearchContainer .input-group-btn #botonBuscar,
#MenuMobileContainer #BuscarButtonMobile {
    background: none;
    cursor: pointer;
    border: none;
}

.glyphicon.glyphicon-search {
    width: 15px !important;
    color: #ffffff;
}

.SearchContainerActive .glyphicon.glyphicon-search {
    font-size: 28px;
    padding-left: 10px;
}


/*----------------*/

p.MsoNormal,
li.MsoNormal,
div.MsoNormal,
.MsoListParagraph,
p.MsoListParagraphCxSpMiddle,
li.MsoListParagraphCxSpMiddle,
div.MsoListParagraphCxSpMiddle,
p.MsoListParagraphCxSpFirst,
li.MsoListParagraphCxSpFirst,
div.MsoListParagraphCxSpFirst,
p.MsoListParagraphCxSpLast,
li.MsoListParagraphCxSpLast,
div.MsoListParagraphCxSpLast,
#HERMES_FORM_Container,
#HERMES_FORM_Container label,
#HERMES_FORM_Container select,
#MainContainer.ContentContainer,
#MainContainer.ContentContainer p,
#MainContainer.ContentContainer p span,
#MainContainer.ContentContainer span,
.VTabsPages,
.MsoTableGrid,
.ui-widget-header,
#MainContainer.ContentContainer .panel-group h4 a,
#MainContainer.ContentContainer .panel-group h4 a p,
#MainContainer.ContentContainer .panel-group h4 a p span {
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
    color: #3e3b3b;
    font-size: 18px;
}

#MainContainer.ContentContainer .panel-group h4 a,
#MainContainer.ContentContainer .panel-group h4 a p,
#MainContainer.ContentContainer .panel-group h4 a p span {
    color: #3e3b3b !important;
}

img[align='left'],
img[style*='float:left'],
img[style*='float: left'] {
    margin: 0 5px 15px 0 !important;
}

img[align='right'],
img[style*='float:right'],
img[style*='float: right'] {
    margin: 0 0 15px 5px !important;
}

#MainContainer.ContentContainer h1 {
    display: block;
}

#MainContainer.ContentContainer h1,
#MainContainer.ContentContainer h1 span,
#MainContainer.ContentContainer h1 a,
#MainContainer.ContentContainer h1 a span,
#MainContainer.ContentContainer a h1,
#MainContainer.ContentContainer a h1 span {
    font-size: 35px;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
    padding: 0px !important;
    color: #006595 !important;
    margin: 10px 0 15px !important;
    font-weight: 600 !important;
    text-align: center;
}

#MainContainer.ContentContainer h2,
#MainContainer.ContentContainer h2 span,
#MainContainer.ContentContainer h2 a,
#MainContainer.ContentContainer h2 a span,
#MainContainer.ContentContainer a h2,
#MainContainer.ContentContainer a h2 span {
    font-size: 28px;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
    padding: 0px !important;
    color: #0095d9!important;
    margin: 0px 0px 10px !important;
    font-weight: 400 !important;
}
.AgriculturaContainer #MainContainer.ContentContainer h1,
.AgriculturaContainer #MainContainer.ContentContainer h1 span,
.AgriculturaContainer #MainContainer.ContentContainer h1 a,
.AgriculturaContainer #MainContainer.ContentContainer h1 a span,
.AgriculturaContainer #MainContainer.ContentContainer a h1,
.AgriculturaContainer #MainContainer.ContentContainer a h1 span,
.AgriculturaContainer #MainContainer.ContentContainer h2,
.AgriculturaContainer #MainContainer.ContentContainer h2 span,
.AgriculturaContainer #MainContainer.ContentContainer h2 a,
.AgriculturaContainer #MainContainer.ContentContainer h2 a span,
.AgriculturaContainer #MainContainer.ContentContainer a h2,
.AgriculturaContainer #MainContainer.ContentContainer a h2 span {
    color: #00956b!important;
}
#MainContainer.ContentContainer h3,
#MainContainer.ContentContainer h3 span,
#MainContainer.ContentContainer h3 a,
#MainContainer.ContentContainer h3 a span,
#MainContainer.ContentContainer a h3,
#MainContainer.ContentContainer a h3 span {
    font-size: 22px;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
    padding: 0px !important;
    color: #3e3b3b !important;
    margin: 0px !important;
    font-weight: 400 !important;
}

#MainContainer.ContentContainer a,
#MainContainer.ContentContainer a span {
    color: #00a8c2 !important;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
    text-decoration: underline;
}
.AgriculturaContainer #MainContainer.ContentContainer a,
.AgriculturaContainer #MainContainer.ContentContainer a span {
    color: #46857a !important;
    text-decoration: none;
}

#MainContainer.ContentContainer a:hover,
#MainContainer.ContentContainer a:hover span {
    color: #006695;
    text-decoration: none !important;
}
.AgriculturaContainer #MainContainer.ContentContainer a:hover,
.AgriculturaContainer #MainContainer.ContentContainer a:hover span {
    color: #6fae66 !important;
}

#MainContainer.ContentContainer a span.glyphicon {
    font-family: "Glyphicons Halflings" !important;
}

#MainContainer.ContentContainer .homelegislacion a {
    color: #ffffff !important;
}

.RedesContainer {
    position: fixed;
    top: -250px;
    right: 56px;
    z-index: 9999;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.RedesContainer.RedesContainerActive {
    top: 250px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.RedesContainer.RedesContainerActive.RedesContainerstatic {
    bottom: 425px;
    position: absolute;
    top: auto;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.RedesContainer li {
    display: block;
    float: none;
    list-style: none;
    padding: 3px 0px;
}

.RedesContainer li a {
    display: block;
    width: 47px;
    height: 47px;
    padding: 8px;
    border-radius: 50px;
    background: #ffffff;
    border: 5px solid #000000;
    position: relative;
}

.RedesContainerstatic.RedesContainer li a {
    background: #58595b;
    border: 5px solid #ffffff;
}

.RedesContainer li a:hover {
    background: #222222;
}

.RedesContainerstatic.RedesContainer li a:hover {
    background: #ffffff;
}

.RedesContainer li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 43px;
    height: 43px;
    border-radius: 50px;
    border: 2px solid #000000;
    top: -3px;
    left: -3px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.RedesContainerstatic.RedesContainer li a::after {
    border: 2px solid #ffffff;
}

.RedesContainer li a:hover::after {
    width: 38px;
    height: 38px;
    border: 2px solid #ffffff;
    top: 0px;
    left: 0px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.RedesContainerstatic.RedesContainer li a:hover::after {
    border: 2px solid #000000;
}

.ContactenosContainer,
footer {
    background: #58595b;
    color: #ffffff;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
    font-size: 13px;
    position: relative;
}

.ContactenosContainer {
    padding: 0px 164px 20px 20px;
}

.ContactenosMenuContainer {
    padding-bottom: 20px;
}

.UbicacionContainer {
    padding: 5px;
    display: block;
    margin-top: 18px;
    margin-right: 18px;
}

.UbicacionContainer li {
    display: block;
    float: left;
    list-style: none;
    padding: 0px 10px;
}

.FirstLine {
    font-size: 15px;
    font-weight: bold;
}

.LogosContactenosContainer,
.bottomLogosContactenosContainer {
    position: absolute;
    text-align: center;
    width: 124px;
    bottom: 10px;
    right: 20px;
}

.bottomLogosContactenosContainer {
    display: flex;
	flex-direction:column;
    margin-bottom: 25px;
    width: 370px;
}

.bottomLogosContactenosContainer a{
    display: block;
    width: 350px;
    margin: 10px;
}
.bottomLogosContactenosContainer a.logoMtssFooter {
    height: 49px;
    background: url(/images/logo_mtss.png) no-repeat top left;
	background-size:100%;
}

.bottomLogosContactenosContainer a.gobierno_logo {
    height: 42px;
    background: url(/images/logo_presidencia_blanco.png) no-repeat top left;
	background-size:100%;
}

.LogosContactenosContainer a {
    margin: 10px auto;
}

/*.bottomLogosContactenosContainer a {
    float: left;
}*/
/*.RutaContainer .bottomLogosContactenosContainer a,
.AgriculturaContainer .bottomLogosContactenosContainer a {
    float: right;
    margin-right: 15px;
}*/

footer {
    background: #000000;
    padding: 30px 164px 30px 40px;
}

.DateLastUpdate {
    padding: 20px 0px;
}

.CreativeCommonsContainer {
    padding: 15px 0px;
}

.CreativeCommonsContainer .creative_logo {
    margin-right: 20px;
    margin-left: 5px;
}

footer .LogosContactenosContainer {
    bottom: 35px;
}


/******************Menus**********************/

.ContactenosMenuContainer .nav.navbar-nav {
    width: 100%;
}

.ContactenosMenuContainer .caret {
    display: none !important;
}

.ContactenosMenuContainer .nav.navbar-nav li {
    display: block;
    float: left;
    border-right: 1px solid #67696b;
    padding: 10px 5px;
}

.ContactenosMenuContainer .nav.navbar-nav li:last-child {
    border-right: none;
}

.ContactenosMenuContainer .nav.navbar-nav li a {
    color: #ffffff !important;
    font-family: 'Century Gothic', 'Muli', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.ContactenosMenuContainer .nav.navbar-nav li a:hover,
.ContactenosMenuContainer .nav.navbar-nav li li a:hover,
.ContactenosMenuContainer .nav.navbar-nav li.open li a:hover {
    color: #76d8fd !important;
}

.ContactenosMenuContainer .nav.navbar-nav li a[href*="#"],
.ContactenosMenuContainer .nav.navbar-nav li a:hover[href*="#"] {
    cursor: default;
    color: #ffffff !important;
}

.ContactenosMenuContainer .nav.navbar-nav .open>a,
.ContactenosMenuContainer .nav.navbar-nav .open>a:focus,
.ContactenosMenuContainer .nav.navbar-nav .open>a:hover,
.ContactenosMenuContainer .nav.navbar-nav li a,
.ContactenosMenuContainer .nav.navbar-nav li a:focus,
.ContactenosMenuContainer .nav.navbar-nav li a:hover,
.FooterMenuContainer .nav.navbar-nav .open>a,
.FooterMenuContainer .nav.navbar-nav .open>a:focus,
.FooterMenuContainer .nav.navbar-nav .open>a:hover,
.FooterMenuContainer .nav.navbar-nav li a,
.FooterMenuContainer .nav.navbar-nav li a:focus,
.FooterMenuContainer .nav.navbar-nav li a:hover {
    background: none !important;
}

.ContactenosMenuContainer .nav.navbar-nav li.dropdown ul {
    display: block;
    background: none;
    border-radius: 0px;
    position: static;
    padding-top: 0px;
}

.ContactenosMenuContainer .nav.navbar-nav li.dropdown ul li {
    display: block;
    float: none;
    border-right: none;
    padding: 0px;
    min-height: auto !important;
}

.ContactenosMenuContainer .nav.navbar-nav li li a,
.ContactenosMenuContainer .nav.navbar-nav li.open li a {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    padding: 5px 15px !important;
    white-space: normal;
    display: block;
}

.ContactenosMenuContainer .nav.navbar-nav li li li a,
.ContactenosMenuContainer .nav.navbar-nav li.open li li a {
    position: relative;
    padding-left: 35px !important;
}

.ContactenosMenuContainer .nav.navbar-nav li li li a::after,
.ContactenosMenuContainer .nav.navbar-nav li.open li li a::after {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 8px;
    height: 2px;
    margin-top: -1px;
    background: #bbbbbb;
    content: "";
}

.FooterMenuContainer .nav.navbar-nav {
    width: 100%;
}

.FooterMenuContainer .nav.navbar-nav li {
    margin: 0px 0px 10px;
    display: block;
    float: left;
    border-right: 1px solid #ffffff;
    padding: 0px 8px;
}

.FooterMenuContainer .nav.navbar-nav li:first-child {
    padding-left: 0px;
}

.FooterMenuContainer .nav.navbar-nav li:last-child {
    border-right: none;
}

.FooterMenuContainer .nav.navbar-nav li a {
    color: #ffffff;
    font-family: 'Century Gothic', 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    padding: 3px;
}

.FooterMenuContainer .nav.navbar-nav li:first-child a {
    padding-left: 0px;
}

.FooterMenuContainer .nav.navbar-nav li .row {
    margin: 0px !important;
    display: none;
}

.FooterMenuContainer .nav.navbar-nav li a:hover {
    background: none;
    color: #76d8fd !important;
}

.FooterMenuContainer a[href="#"] {
    cursor: default;
    text-decoration: none;
}


/**/

#MenuPrincipalContainer .nav.navbar-nav {
    width: 100%;
}

#MenuPrincipalContainer .nav.navbar-nav>li>a {
    color: #fff !important;
    font-size: 18px;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
}
.AgriculturaContainer #MenuPrincipalContainer .nav.navbar-nav>li>a{
    font-weight: bold;
}

.headerActive #MenuPrincipalContainer .nav.navbar-nav>li>a {
    font-size: 15px;
    padding: 15px 5px;
}

.headerActive #MenuPrincipalContainer>.hidden-xs .nav.navbar-nav>li>a span {
    padding: 0px 5px;
}

#MenuPrincipalContainer .nav.navbar-nav>li>a:hover {
    color: #27b6f7 !important;
}
.AgriculturaContainer #MenuPrincipalContainer .nav.navbar-nav>li>a:hover {
    color: #a0f9e0 !important;
}

#MenuPrincipalContainer .nav.navbar-nav {
    text-align: center;
}

#MenuPrincipalContainer .nav.navbar-nav>li {
    text-align: center;
    height: 50px;
    float: none;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#MenuPrincipalContainer>.hidden-xs>div>ul.nav.navbar-nav>li>a span {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 10px !important;
}

#MenuPrincipalContainer .caret {
    display: none;
}

.navbar-nav>li>.dropdown-menu {
    border-radius: 0px 0px 5px 5px;
    border: none !important;
    /*background:rgba(0,0,0,0.85);*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50&1+0,0.85+50 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.85) 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.85) 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.85) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#d9000000', GradientType=0);
    /* IE6-9 */
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff !important;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
    border: 0px !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav a,
.navbar-default .navbar-nav li,
#MenuPrincipalContainer .dropdown-menu li ul li a,
#MenuPrincipalContainer .nav.navbar-nav>li,
#MenuPrincipalContainer .nav.navbar-nav>li.open {
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav a:focus,
.navbar-default .navbar-nav li:focus,
#MenuPrincipalContainer .dropdown-menu li ul li a:hover,
#MenuPrincipalContainer .nav.navbar-nav>li:hover,
#MenuPrincipalContainer .nav.navbar-nav>li.open {
    background: none !important;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

.dropdown-menu li ul li a,
.dropdown-menu li a {
    font-size: 14px !important;
}

#MenuPrincipalContainer .dropdown-menu li ul li a:hover,
#MenuPrincipalContainer .dropdown-menu li a:hover {
    background: #0095da !important;
}

#MenuMobileContainer {
    padding: 0px !important;
}

#MenuMobileContainer ul {
    margin: 0 0 0 auto;
}

#MenuMobileContainer li {
    display: block;
    padding: 2px 5px !important;
    text-align: right;
}

#MenuMobileContainer li a {
    color: #0095da !important;
    padding: 5px;
    font-size: 17px;
}

.AgriculturaContainer #MenuMobileContainer li a {
    color: #00956b !important;
}


#MenuMobileContainer li a:hover,
#MenuMobileContainer .nav .open>a,
#MenuMobileContainer .nav .open>a:focus,
#MenuMobileContainer .nav .open>a:hover {
    background: #444444;
}

#MenuMobileContainer .divider {
    display: none;
}


/*-----------------*/

.mega-dropdown {
    font-size: 12px;
    /*position: static !important;*/
    /*width:100%;*/
}

.mega-dropdown-menu {
    /*position:relative !important;*/
    left: inherit !important;
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    min-width: 250px;
}

.headerActive .mega-dropdown-menu {
    top: 60px;
}


/*.mega-dropdown-menu:before {
    content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 285px;
    z-index: 10;
}
.mega-dropdown-menu:after {
    content: "";
    border-bottom: 17px solid #ccc;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -17px;
    left: 283px;
    z-index: 8;
}*/

.mega-dropdown-menu>li {
    font-size: 12px;
}

.mega-dropdown-menu>li li {
    text-align: left !important;
}

.mega-dropdown-menu>li ul li a {
    font-size: 13px !important;
    padding: 4px 40px !important;
    position: relative;
}

.dropdown.mega-dropdown.open ul li a {
    position: relative;
    height: auto !important;
}

.dropdown.mega-dropdown.open ul li a {
    color: #000000 !important;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
}

.dropdown.mega-dropdown.open ul li ul li a {
    color: #222222 !important;
    font-weight: 400;
}

.mega-dropdown-menu>li>ul {
    padding: 0;
    margin: 0;
}

.mega-dropdown-menu>li>ul>li {
    list-style: none;
}

#MenuPrincipalContainer .mega-dropdown-menu>li>ul>li>a,
#MenuPrincipalContainer .dropdown-menu.mega-dropdown-menu li a {
    display: block;
    padding: 6px 20px !important;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #ffffff !important;
    white-space: normal;
}

#MenuPrincipalContainer .dropdown-menu.mega-dropdown-menu>li>ul>li>a {
    position: relative;
    padding: 6px 20px 6px 30px !important;
}

#MenuPrincipalContainer .mega-dropdown-menu>li>ul>li>a::after {
    position: absolute;
    top: 50%;
    left: 22px;
    width: 5px;
    height: 1px;
    margin-top: -1px;
    background: #bbbbbb;
    content: "";
}

#MenuPrincipalContainer li li li a span {
    padding-left: 8px !important;
    display: block;
}

.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
    color: #428bca;
    font-size: 12px;
    font-weight: bold;
}

.mega-dropdown-menu form {
    margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}


/********************RSS**********************/

#rssWidget .noticiasticker {
    width: 99%;
    /*//height:250px;
	//text-align:center;*/
    margin-left: 1% !important;
}

#rssWidget .noticiasticker div {
    /*padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: 1px solid #2a90a9;*/
}

#rssWidget .HomeRSSTitulo {
    /*text-align:center;*/
}

#rssWidget .HomeRSSDescription {
    padding: 10px 0px;
}

.NoticiasContainer {
    display: block;
    position: relative;
    /*height:290px;*/
    padding: 10px 25px;
}

.PrincipalContentContainer .ContainerNoticias {
    position: relative;
}

#rssWidget {
    display: block;
}

#rssWidget .RssItemContainer {
    position: relative;
}

#rssWidget .slick-slide {
    display: block;
    float: left;
    text-align: center;
    margin: 0px 5px !important;
    list-style: none;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
    font-size: 14px;
    color: #3c393a;
    height: 371px;
}

#rssWidget .slick-slide .RSSItem {
    background: rgba(210, 211, 213, 1) !important;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

#rssWidget .slick-slide .RSSItem:hover {
    background: rgba(234, 246, 251, 0.9) !important;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

#rssWidget .slick-slide.slick-current .RSSItem {
    background: rgba(255, 255, 255, 1) !important;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s;
    /* Safari and Chrome */
    -o-transition: all 0.5s ease 0s;
    /* Opera */
}

#rssWidget .slick-slide .RSSItem {
    display: block;
    padding: 30px;
    height: 317px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#rssWidget .slick-slide .RSSItem .RssInfoContainer {
    display: block;
    height: 378px;
    width: 100%;
    overflow-y: hidden;
}

#rssWidget .RSSDate {
    color: #252223 !important;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
    text-align: left;
    font-size: 14px !important;
    display: block;
}

#rssWidget .slick-slide a {
    color: #252223 !important;
    text-decoration: none;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
    display: block;
    font-size: 20px !important;
    font-weight: 600;
    padding: 5px 0px 15px !important;
    text-align: left;
}

#rssWidget .slick-slide.slick-current a {
    color: #00a9c3 !important;
}

#rssWidget .slick-slide a:hover,
#rssWidget .slick-slide:hover a {
    color: #00a9c3 !important;
}


/*#rssWidget .slick-slide a::after,*/

#rssWidget .VerMasContainer {
    position: absolute;
    bottom: 0px;
    display: block;
    left: 0px;
    width: 100%;
}

#rssWidget a.SlickVerMas,
#rssWidget .slick-slide.slick-current a.SlickVerMas {
    color: #ffffff !important;
    text-align: center;
    display: block;
    background: #939598;
    padding: 10px 15px !important;
    position: relative;
    font-size: 16px !important;
}

#rssWidget .slick-slide.slick-current a.SlickVerMas {
    background: #00aeef;
}

#rssWidget .slick-slide.slick-current a.SlickVerMas:hover,
#rssWidget .slick-slide a.SlickVerMas:hover,
#rssWidget .slick-slide.slick-current:hover a.SlickVerMas,
#rssWidget .slick-slide:hover a.SlickVerMas {
    background: #0684b3;
    color: #ffffff !important;
}

#rssWidget a.SlickVerMas::before {
    display: block;
    position: absolute;
    content: "";
    height: 2px;
    width: 0%;
    background: #6cecff;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: 0px auto;
    transition: all 1s;
}

#rssWidget a.SlickVerMas:hover::before {
    width: 100%
}

#rssWidget .slick-slide h4,
#rssWidget .slick-slide p {
    display: block;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
}

#rssWidget .HomeRSSDescription {
    display: block;
    overflow-y: hidden !important;
    text-align: left;
    font-size: 16px !important;
    color: #252223 !important;
    font-weight: normal !important;
    font-family: 'Century Gothic', 'Muli', sans-serif !important;
}


/*******Carrusel*********/

.SlideCarruselContainer .slick-slide {
    text-align: center;
    padding: 25px 0px;
}

.SlideCarruselContainer .slick-slide img {
    margin: 0px auto;
    border: 15px solid #e1e1e1;
    max-height: 230px;
}

.SlideCarruselContainer .slick-slide.slick-active:nth-child(2) img {
    -webkit-transform: scale(1.05) !important;
    transform: scale(1.05) !important;
}

.slick-slide img {
    display: block;
    margin: 0px auto;
}

.slide_modal_img {
    cursor: pointer;
}

.slick-prev {
    left: 0px;
}

.slick-next {
    right: 0px;
}

#myModalYoutube .modal-content,
#myModalImage .modal-content {
    background-color: #000000;
}

#myModalYoutube .modal-header,
#myModalImage .modal-header {
    border-bottom: 1px solid #000000;
}

#myModalYoutube iframe,
#myModalImage .modal-body {
    border: 1px solid #666666;
}

#myModalYoutube .close,
#myModalImage .close {
    color: #ffffff;
    position: absolute;
    right: 14px;
}


/* Small devices */
@media (max-width: 1600px){
    .headerActive .HeaderMenuContainer {
        padding: 50px 50px 10px;
    }
}

@media (max-width: 1280px) {
    #MenuPrincipalContainer .nav.navbar-nav>li>a {
        font-size: 15px;
        padding: 10px 4px;
    }
    #MenuPrincipalContainer>.hidden-xs>div>ul.nav.navbar-nav>li>a span {
        padding: 0px 4px !important;
    }
    .cso_logo,
    .RutaContainer .cso_logo,
    .AgriculturaContainer .cso_logo {
        background-size: 100%;
        width: 100px;
        position: relative;
    }
    .cso_logo {
        height: 32px;
    }
    .mtss_logo {
        width: 80px;
        height: 33px;
        background-size: 100%;
    }
    .RutaContainer .headerActive .cso_logo,
    .AgriculturaContainer .headerActive .cso_logo {
        background-image: url(/images/logoCSORuta.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 93px;
    }
    .cso_logo .LogoText {
        position: absolute;
        top: -3px;
        right: -106px;
        width: 101px;
        font-size: 10px;
    }
    .AgriculturaContainer .cso_logo .LogoText,
    .AgriculturaContainer .cso_logo .LogoText:hover{
        top: -28px;
        width: 101px;
        font-size: 10px;
    }
    .headerActive #MenuPrincipalContainer .nav.navbar-nav>li>a {
        padding: 15px 1px;
    }
}

@media (max-width: 1000px) {
    #MenuPrincipalContainer .nav.navbar-nav>li,
    .headerActive #MenuPrincipalContainer .nav.navbar-nav>li {
        height: 60px !important;
        position: relative;
        display: block;
        float: left;
    }
    #MenuPrincipalContainer .nav.navbar-nav>li>a,
    .headerActive #MenuPrincipalContainer .nav.navbar-nav>li>a {
        font-size: 13px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        line-height: 18px;
    }
    .headerActive #MenuPrincipalContainer .nav.navbar-nav>li>a {
        padding: 15px 2px;
    }
    #MenuPrincipalContainer>.hidden-xs>div>ul.nav.navbar-nav>li>a span {
        padding: 0px 2px !important;
    }
    footer {
        padding: 30px;
    }
    .bottomLogosContactenosContainer {
        position: relative;
        margin: 15px auto;
        right: auto;
        bottom: auto;
    }
}

@media (max-width: 767px) {
    .bodyOverlay {
        background-size: 100px !important;
    }
    /*body
    {
        padding-top:49px;
    }*/
    .sb-slide.hidden-sm.hidden-md.hidden-lg.hidden-xl {
        position: relative;
    }
    .sb-slide.hidden-sm.hidden-md.hidden-lg.hidden-xl.mobileHeaderFixed {
        position: fixed;
    }
    .container {
        width: 100%;
    }
    .table-responsive {
        border: none !important;
    }
    #MenuMobileContainer .RegistreseContainer li {
        display: block;
        float: left;
        padding: 5px 5px 15px !important;
    }
    #MenuMobileContainer .input-group {
        margin-bottom: 15px !important;
    }
    p.MsoNormal,
    li.MsoNormal,
    div.MsoNormal,
    .MsoListParagraph,
    p.MsoListParagraphCxSpMiddle,
    li.MsoListParagraphCxSpMiddle,
    div.MsoListParagraphCxSpMiddle,
    p.MsoListParagraphCxSpFirst,
    li.MsoListParagraphCxSpFirst,
    div.MsoListParagraphCxSpFirst,
    p.MsoListParagraphCxSpLast,
    li.MsoListParagraphCxSpLast,
    div.MsoListParagraphCxSpLast,
    #HERMES_FORM_Container,
    #HERMES_FORM_Container label,
    #HERMES_FORM_Container select,
    #MainContainer.ContentContainer,
    #MainContainer.ContentContainer p,
    #MainContainer.ContentContainer p span,
    #MainContainer.ContentContainer span,
    .VTabsPages,
    .MsoTableGrid,
    .ui-widget-header,
    .panel-group h4 a,
    .panel-group h4 a p,
    .panel-group h4 a p span {
        font-size: 14px;
    }
    #MainContainer.ContentContainer h1,
    #MainContainer.ContentContainer h1 span,
    #MainContainer.ContentContainer h1 a,
    #MainContainer.ContentContainer h1 a span,
    #MainContainer.ContentContainer a h1,
    #MainContainer.ContentContainer a h1 span {
        font-size: 24px;
    }
    #MainContainer.ContentContainer h2,
    #MainContainer.ContentContainer h2 span,
    #MainContainer.ContentContainer h2 a,
    #MainContainer.ContentContainer h2 a span,
    #MainContainer.ContentContainer a h2,
    #MainContainer.ContentContainer a h2 span,
    .ImagenContextualCaption {
        font-size: 20px;
    }
    #MainContainer.ContentContainer h3,
    #MainContainer.ContentContainer h3 span,
    #MainContainer.ContentContainer h3 a,
    #MainContainer.ContentContainer h3 a span,
    #MainContainer.ContentContainer a h3,
    #MainContainer.ContentContainer a h3 span {
        font-size: 16px;
    }
    .ContactenosContainer {
        padding: 0px 20px 20px;
    }
    .ContactenosInfoContainer {
        padding: 20px 134px 20px 20px;
    }
    .UbicacionContainer {
        margin-right: 0px;
        padding: 0px;
    }
    .ContactenosInfoContainer .pull-left {
        /*float:none !important;*/
    }
    #MenuMobileContainer .dropdown.mega-dropdown.open ul li a {
        padding: 4px 10px 4px 20px !important;
    }
    #MenuMobileContainer .dropdown-menu.mega-dropdown-menu.row a {
        display: block;
        white-space: normal !important;
        word-wrap: normal !important;
    }
    #MenuMobileContainer .dropdown.mega-dropdown.open ul li {
        text-align: right !important;
    }
    footer {
        padding: 30px 40px;
    }
    .InfoFooterContainer {
        padding-right: 124px;
    }
    #RedesContainerMobile {
        position: relative;
        top: auto;
        right: auto;
        margin: 0px !important;
    }
    #RedesContainerMobile li {
        display: block;
        float: left;
        list-style: none;
        padding: 8px 2px !important;
    }
    #RedesContainerMobile li a {
        padding: 8px !important;
    }
}

@media (max-width: 330px) {
    #MenuMobileContainer .RegistreseContainer.Right>li:nth-child(2) {
        display: none !important;
    }
    #MenuMobileContainer .RegistreseContainer li {
        float: right;
    }
}

.pagination {
    display: block;
}

.pagination li {
    border: 1px solid #CCCCCC;
    float: left;
    list-style: none outside none;
    padding: 5px 10px;
    position: relative;
}

.pagination ul {
    display: table-cell;
    float: right;
}

.pagination .current {
    background: #ccc;
}

.pagination .pgBtn,
.pagination #next,
.pagination #prev {
    cursor: pointer;
}

.videoPlayer {
    width: 100%;
}

.transparencia20 {
    background: rgba(0, 84, 134, 0.8) !important;
}

.MsoTableGrid.dataTable,
.MsoTableGrid.dataTable td,
.MsoTableGrid.dataTable th {
    border: 0px;
}

.MsoTableGrid.dataTable th {
    border-bottom: 1px solid;
}

.fbImg {
    max-width: calc(100% - 10px);
    max-height: 300px;
}

.fbContainer {
    text-align: center;
}



/*YOUTUBE Videos List Widget*/
.YoutubeListWidget {
  background: rgba(0,0,0,0.8);
  /*padding: 3rem 3rem 3rem 1.5rem;*/
  padding: 3rem  1.5rem;
  border-radius: 7px;
}
#YoutubeContainer {
  /*padding: 3rem 1.5rem 3rem 3rem !important;*/
  
}
#YouTubeChannelWidget {
  border: 1px solid rgba(255,255,255,0.2);
}
#YouTubeChannelWidget .media.item {
  margin: 0;
  padding: 0.75rem 2rem;
}
#YouTubeChannelWidget .media.item[style|="background"],
#YouTubeChannelWidget .media.item:hover {
  background: rgba(255,255,255,0.2) !important;
  cursor:pointer;
  position:relative;
}
#YouTubeChannelWidget .media.item[style|="background"]::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid rgba(255,255,255,0.5);
  position: absolute;
  left: 5px;
  top: calc(50% - 8px);
}
#YouTubeChannelWidget .media.item a {
  display: flex;
  text-decoration: none;
  color: #fff !important;
  text-align:left;
  font-family: "Roboto","Arial",sans-serif !important;
}
#YouTubeChannelWidget .media.item a .media-left,
#YouTubeChannelWidget .media.item a .media-body{
  display:block;
}
#YouTubeChannelWidget .media.item a .media-left .thumbnail{
  padding: 0;
  border-radius: 0;
  border: none;
  margin: 0;
}
#YouTubeChannelWidget .media.item a .media-body{
  padding: 0.75rem 0.25rem;
}
#YouTubeChannelWidget .media.item a .media-body .media-heading {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  max-height:30px;
  overflow:hidden;
}



.downloads {
    position: relative;
    font-size: 12px !important;
    padding: 3px 5px;
    background: green;
    color:white !important;
    border-radius: 10px;
    top: -7px;
    font-weight: bold;
    margin-left: 10px;
    cursor: default;
}


.new {
    position: relative;
    font-size: 12px !important;
    padding: 3px 5px;
    background: #ebc634;
    border-radius: 10px;
    top: -7px;
    font-weight: bold;
    margin-left: 10px;
    cursor: default;
}
/**************Estilos Generales**************/
*{margin:0px; padding:0px;}
td{padding:0px; border-collapse:collapse; vertical-align:top;}
tr{padding:0px; border-collapse:collapse;}
th{padding:0px; border-collapse:collapse;}
table{padding:0px; border-collapse:inherit;}
input.form-control[type="file"] { box-sizing: initial !important; }
.clear{clear:both;}
.has_italic{font-style:italic;}
.has_negrita{font-weight:600;}
.has_underlined{text-decoration:underline;}
.Container{text-align:center;}
.FullWidth, .fullWidth, .fullwidth, .Fullwidth{width:100%}
img{border:none;}
.dataTables_wrapper table{width:100% !important;overflow: auto;}
.hidden{display:none;}
a, .WordSection1 a:hover img{transition:  all 0.5s ease 0s; -moz-transition:  all 0.5s ease 0s; /* Firefox 4 */ -webkit-transition:  all 0.5s ease 0s; /* Safari and Chrome */ -o-transition:  all 0.5s ease 0s; /* Opera */}
.Containernowrap{white-space:nowrap;}
.marginCenter{margin:auto;}
.img-responsive{display:inline !important;}
.LoadingInclude{margin:0px auto !important; display:block !important; float:none !important;}
.nav.navbar-nav.nav-vertical li{float:none !important;}
fieldset{margin:10px 0px 15px !important;}
fieldset legend{padding:3px 20px 0px !important; margin-bottom:8px !important;}
.help-block.with-errors:empty{display:none;}
.ErrorMessageContainer{color: #ff0000;}
div[style*="text-align:center;"] table {margin: 0 auto;}
/**************Fin Estilos Generales**************/
/*************Mapa del sitio******************/
.root li
{
    display:block;
    list-style:none;    
    padding:5px 0px;
}
.root li .mapaS_1Nivel
{
    background:url(/images/mapasitio_flecha.png) no-repeat center left;
    padding:0px 24px;
    font-size:1.125em;
    border-bottom:1px dotted #aaaaaa;
    display:block;
}
.root li ul
{
    margin-top:8px;
    padding-top:5px;
}
.root li li ul
{
    border:none !important;
    margin:0px;
    padding:0px;
}
.root li ul li 
{
    padding:2px 25px;
}
.root li ul li li
{
    padding:2px 15px;
}
.root li ul li .mapaS_2Nivel,
.root li ul li .mapaS_1Nivel
{
    background:url(/images/mapasitio_sub_flecha.png) no-repeat center left;
    padding:0px 16px;
    font-size:0.813em;
}
/*********Fin del mapa de sitio*****************/
/*********************************************************Breadcrum*******************************************/
ul.HASBreadCrumbs
{
    padding:25px 5px 5px;
}
.HASBreadCrumbs
{
	font-family:'Century Gothic';
	font-size:15px;
	display:block;
    margin:3px 7px 0px;
}
.HASBreadCrumbs li
{
	display:block !important;
	float:left;
	padding:3px 6px;
    color:#999999;
}
.HASBreadCrumbs li.breadcrumbhome
{
    background:none !important;
    padding-left:0px !important;
}
.HASBreadCrumbs li::before
{
    content:" |";
    margin-right:10px;
}
.HASBreadCrumbs li:first-child
{
    padding-left:0px !important;
}
.HASBreadCrumbs li:first-child:before
{
     content:none !important;
     margin-right:0px;
}
.HASBreadCrumbs a:link, .HASBreadCrumbs a:visited, .HASBreadCrumbs a:active
{
	text-decoration:underline;
}
/*********************************************************fin Breadcrum*******************************************/
/*********Correcciones de bootstrap************/
.WordSection1
{
    /*overflow: auto;*/
}
.nav-tabs 
{
    border-bottom: 1px solid #d1d1d1 !important;
}
.nav-tabs.nav
{
    width:100% !important;
    padding:0px !important;
}
.tematicas_home_conteiner .col-sm-6 
{
    text-align: center;
}
/*/estilos para cuando los tabs se exceden el ancho del contenedor*/
.htabsMobile ul.nav-tabs.nav
{
    padding-bottom:51px !important;
    position:relative;
}
.htabsMobile ul.nav-tabs.nav li.active
{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    text-align:center;
    z-index:9;
}
#MainContainer.ContentContainer .htabsMobile ul.nav-tabs.nav li.active a,
#MainContainer.ContentContainer .htabsMobile ul.nav-tabs.nav li.active a span
{
    color:#ffffff !important;
}
#MainContainer.ContentContainer .nav-tabs > li > a span, .nav-tabs > li > a p, 
#MainContainer.ContentContainer .nav-tabs > li > a span, .nav-tabs > li > a p span
{
    text-decoration: none !important;
    color: #2f2c2d !important;
}
#MainContainer.ContentContainer .nav-tabs > li.active > a span, .nav-tabs > li.active > a p,
#MainContainer.ContentContainer .nav-tabs > li.active > a span, .nav-tabs > li.active > a p span
{
    color:#ffffff !important;
}
/*/fin de estilos para cuando los tabs se exceden el ancho del contenedor*/
.nav-tabs > li > a,
.panel-title > a
{
    outline:none;
}
.nav-tabs > li > a
{
    background:#ffffff;
    border: 1px solid #d1d1d1 !important;
    text-decoration:none;
    border-radius:0px !important;
    margin-right:0px;
}
.nav-tabs > li.active > a
{
    border-bottom: 1px solid #ffffff !important;
    background:#31afe1 !important;
    position:relative;
    color:#ffffff !important;
}
.nav-tabs > li > a span,
.nav-tabs > li > a p
{
    text-decoration:none !important;
    color:#2f2c2d !important;
}
.nav-tabs > li.active > a span,
.nav-tabs > li.active > a p
{
    color:#ffffff !important;
    text-decoration:none !important;
}
.nav-tabs > li.active > a::before
{
    width:0px;
    height:0px;
    display:block;
    content:"";
    bottom: -20px;
    position: absolute;
    left:50%;
    margin-left:-20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;  
    border-top: 20px solid #31afe1;
}
.nav-tabs.tabs-left > li.active > a::before
{
    top:50%;
    margin-top:-20px;
    margin-left:0px;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;  
    border-left: 20px solid #31afe1;
    right: -40px;
    left: auto;
    z-index: 8;
}
.nav-tabs.tabs-left > li.active > a
{
    border-right: 1px solid #ffffff !important;
}
.nav-tabs > li > a p
{
    padding:0px !important;
}
.tab-pane.active 
{
    border-color: #999999 !important;
}
.panel-title
{
    font-weight:600;
}
.panel-group
{
    margin:5px;
}
.panel-collapse
{
    padding:15px 25px 30px;
    overflow:auto;
}
.panel-collapse span 
{
    word-wrap: break-word;
}
.tab-content
{
    margin:0px 0px 25px;
}
.tab-pane.active
{
    background: #ffffff;
    border: 1px solid #d1d1d1 !important;
    border-top:0px !important;
    padding: 20px 20px 10px;
}
.Tablaconcuadrcula,
.dataTables_wrapper
{
    width:100%;
}
.dataTables_wrapper td
{
    /*background: #f6f6f6;*/
}
.Tablaconcuadrcula tr.ODDROW td, .Tablaconcuadrcula tr.odd td,
.dataTables_wrapper tr.ODDROW td, .dataTables_wrapper tr.odd td
{
    background: #eeeeee;
}
.nav.nav-tabs.tabs-left li
{

}
.vtabs .col-xs-3,
.vtabs .col-xs-9
{
    padding:0px !important;
}
.vtabs .tabs-left
{
    border-bottom: none !important;
    border-right: none !important;
    padding-top: 0px;
}
.vtabs .tab-pane.active {
    background: #ffffff;
    border: 1px solid #d1d1d1 !important;
    padding: 10px 20px;
}
/*.vtabs .tab-pane.active
{
    border:0px !important;
}

/*.panel-heading{
	padding:0 !important;
	height: 100% !important;
}*/
.dataTables_wrapper > .row 
{
    margin: 0px !important;
}
.panel-heading  a > p,
#historicoRSS .panel-heading a
{
	padding:15px 10px !important;
	margin:0;
}
.form-group span {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
}
.form-group select option
{
    padding:1px 3px;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover
{
    background-color: #337ab7 !important;
    border-color: #337ab7 !important;
    color: #fff !important;
    cursor: default !important;
    z-index: 2 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
    border:1px solid #dddddd !important;
}
.HoverEffectIdeas figure figcaption,
.HoverEffectIdeas figure figcaption h1,
.HoverEffectIdeas figure figcaption h1 span,
.HoverEffectIdeas figure figcaption h2,
.HoverEffectIdeas figure figcaption h2 span,
.HoverEffectIdeas figure figcaption h3,
.HoverEffectIdeas figure figcaption h3 span
{
    color: #fff !important;
}
figure.effect-ming h2 
{
    margin: 20% 0 10px 0 !important;
}
.modal-body
{
    overflow: auto;
}
/*********Correcciones de bootstrap************/
.glyphicon.glyphicon-menu-hamburger.sb-toggle-right
{
    color: #ffffff;
    float: right;
    margin: 10px 0px 5px 5px;
    cursor: pointer;
    font-size:1.313em;
}
/*********YoutubeChannel3columnas**************/
.VideoTableContainer li
{
    display:block;
}
.WidgetContainer
{
    display:block;
    width:100%;
    height:400px;
    overflow:auto;
    margin-top:15px;
}
.WidgetContainer li
{
    float:left;
    margin:5px;
    width:48%;
    padding:5px 10px 10px;
    border:1px solid #f0f0f0;
}
.WidgetContainer li:hover
{
    background:#f6f6f6;
}
.VideoLink
{
    display:block;
}
.VideoLink .title
{
    display:block;
    height:44px;
    overflow:hidden;
}
.descrip
{
    display: block;
    height: 62px;
    overflow: hidden;
}
/*--------------tablas autogeneradas---------------*/
table.indice_contenido
{
    border:1px solid #666666;
    font-family:'Century Gothic'!important;
    margin:0px auto;
}
table.indice_contenido td.indice_titulo
{
    background:#444444 !important;
    font-family:'Century Gothic'!important;
    padding:7px !important;
    color:#ffffff;
}
table.indice_contenido td.td_titulo
{
    background: #666666 !important;
    font-family:'Century Gothic'!important;
    color:#ffffff;
    padding:5px 10px 8px;
}
table.indice_contenido td.td_descripcion,
table.indice_contenido td.td_extension,
table.indice_contenido td.td_descripcionODD,
table.indice_contenido td.td_extensionODD
{
    padding:7px;
    font-family:'Century Gothic'!important;
    color:#222222;
    font-size:13px;
}
table.indice_contenido td.td_descripcion a,
table.indice_contenido td.td_extension a,
table.indice_contenido td.td_descripcionODD a,
table.indice_contenido td.td_extensionODD a
{
    display:block;
    padding-bottom: 3px;
}
table.indice_contenido td.td_descripcion,
table.indice_contenido td.td_extension
{
    background:#ffffff;
}
table.indice_contenido td.td_descripcionODD,
table.indice_contenido td.td_extensionODD
{
    background:#f1f1f1;
}
/* para evitar que salgan los Undo Changes de DataTables/Editors */
.multi-restore {
    display: none;
}
/***************GridView******************/
table[id*="GridView"]
{
    margin:5px 5px 15px;
}
table[id*="GridView"] td, 
table[id*="GridView"] th
{
    padding:5px 8px;
    border:1px solid #dddddd;
}
table[id*="GridView"] th
{
    background:#333333;
    color:#f1f1f1;
}
table[id*="GridView"] .gridRow,
table[id*="GridView"] tr:first-child
{
    background:#f9f9f9;
}
table[id*="GridView"] .gridAlternatingRow,
table[id*="GridView"] tr:nth-child(2n+3)
{
    background:#e9e9e9;
}
/*********callout********/
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.Search_resultado span
{
    word-break:break-all;
}
/*********btn**************/
#MainContainer.ContentContainer .btn.Destacado
{
    background:#0099ff;
    color:#ffffff !important;
}
#MainContainer.ContentContainer .btn.Destacado span
{
    color:#ffffff !important;
}
#MainContainer.ContentContainer .btn.Simple
{
    background:#e1e1e1;
    color:#0099ff !important;
}
#MainContainer.ContentContainer .btn.Simple span
{
    color:#0099ff !important;
}
#MainContainer.ContentContainer .btn.Normal
{
    background:#ffffff;
    color:#0099ff !important;
    border:1px solid #0099ff;
}
#MainContainer.ContentContainer .btn.Normal span
{
    color:#0099ff !important;
}
#MainContainer.ContentContainer .btn.Destacado,
#MainContainer.ContentContainer .btn.Simple,
#MainContainer.ContentContainer .btn.Normal
{	
    -webkit-transform: scale(1) !important;
	transform: scale(1) !important;
	-webkit-transition: .3s ease-in-out !important;
	transition: .3s ease-in-out !important;
    padding:10px 25px;
    border-radius:25px;    
}
#MainContainer.ContentContainer .btn.Destacado,
#MainContainer.ContentContainer .btn.Simple,
#MainContainer.ContentContainer .btn.Normal,
#MainContainer.ContentContainer .btn.Destacado span,
#MainContainer.ContentContainer .btn.Simple span,
#MainContainer.ContentContainer .btn.Normal span
{
    font-size:18px !important;
}
#MainContainer.ContentContainer a img
{
    -webkit-transform: scale(1) !important;
	transform: scale(1) !important;
	-webkit-transition: .3s ease-in-out !important;
	transition: .3s ease-in-out !important;
}


#MainContainer.ContentContainer .btn.Destacado:hover,
#MainContainer.ContentContainer .btn.Simple:hover,
#MainContainer.ContentContainer .btn.Normal:hover,
#MainContainer.ContentContainer a:hover img
{
   	-webkit-transform: scale(1.05) !important;
	transform: scale(1.05) !important;
}
@media (max-width: 768px)
{
    .panel-collapse
    {
        padding:15px 10px 30px;
    }
    #MainContainer.ContentContainer .btn.Destacado,
    #MainContainer.ContentContainer .btn.Simple,
    #MainContainer.ContentContainer .btn.Normal,
    #MainContainer.ContentContainer .btn.Destacado span,
    #MainContainer.ContentContainer .btn.Simple span,
    #MainContainer.ContentContainer .btn.Normal span
    {
        font-size:14px !important;
    }
}

.sprite { background-image: url(/images/cso_sprite.png); background-color: transparent; background-repeat: no-repeat; display:block;}
.gobierno_logo { width: 166px; height: 86px; background-position: top left; background-image: url(/images/gobierno2022-2026.png); background-size: 100%;}
.cso_footer_logo { width: 124px; height: 42px; background-position: 0px -88px; }
.transparencia_logo { width: 97px; height: 48px; background-position: 0px -37px; }
.creative_logo { width: 95px; height: 37px; background-position: 0px 0px; }
.google_maps_icn { width: 33px; height: 32px; background-position: -85px -194px; }
.telefono_icn { width: 33px; height: 32px; background-position: -85px -162px; }
.waze_icn { width: 31px; height: 32px; background-position: -85px -130px; }
.RedesContainerstatic .facebook_icn_negro, .RedesContainer a:hover .facebook_icn_negro { background-position: -95px 0px; }
.facebook_icn_negro, .RedesContainerstatic.RedesContainer a:hover .facebook_icn_negro { background-position: -97px -66px; }
.RedesContainerstatic .instagram_icn_negro, .RedesContainer a:hover .instagram_icn_negro { background-position: -97px -44px; }
.instagram_icn_negro, .RedesContainerstatic.RedesContainer a:hover .instagram_icn_negro { background-position: -97px -22px; }
.RedesContainerstatic .youtube_icn_negro, .RedesContainer a:hover .youtube_icn_negro { background-position: -116px -130px; }
.youtube_icn_negro, .RedesContainerstatic.RedesContainer a:hover .youtube_icn_negro { background-position: -117px 0px; }
.facebook_icn_blanco, .facebook_icn_negro, .instagram_icn_blanco, .instagram_icn_negro, .youtube_icn_blanco, .youtube_icn_negro{ width: 22px; height: 22px; }
.sprite span { display:none; }
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
@charset 'UTF-8';

/* Slider */


/* Icons */


/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'Glyphicons Halflings';
    font-size: 50px;
    line-height: 1;
    opacity: .75;
    color: #a2a3a5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -45px;
}

[dir='rtl'] .slick-prev {
    right: -45px;
    left: auto;
}

.slick-prev:before {
    content: '\e257';
}

[dir='rtl'] .slick-prev:before {
    content: '\e258';
}

.slick-next {
    right: -45px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -45px;
}

.slick-next:before {
    content: '\e258';
}

[dir='rtl'] .slick-next:before {
    content: '\e257';
}


/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

#YouTubeChannelWidget .slick-slide {
    margin: 5px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.8);
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    border-bottom: 5px solid #d2d3d5
}

#YouTubeChannelWidget .slick-slide:hover {
    background: rgba(255, 255, 255, 0.4);
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    border-bottom: 5px solid #00a9c2
}

#MainContainer .contenedorNovedadesVideos #YouTubeChannelWidget .slick-slide img,
#YouTubeChannelWidget .slick-slide img {
    margin: 5px auto 10px;
    width: 80%!important
}

#MainContainer .contenedorNovedadesVideos #YouTubeChannelWidget .slick-slide a span,
#YouTubeChannelWidget .slick-slide a span {
    width: 80%!important;
    display: block;
    margin: 0 auto!important;
    text-align: left;
}

#YouTubeChannelWidget .slick-slide a span.title {
    font-weight: 600;
    font-size: 15px !important;
    height: 47px;
    overflow: hidden;
}

#YouTubeChannelWidget .slick-slide a span.descrip {
    font-weight: 400;
    font-size: 14px !important;
    height: 100px;
}

#MainContainer .contenedorNovedadesVideos #YouTubeChannelWidget .slick-slide a,
#YouTubeChannelWidget .slick-slide a {
    font-size: 16px;
    display: block;
    padding: 10px
}

#MainContainer .contenedorNovedadesVideos #YouTubeChannelWidget .slick-slide a,
#MainContainer .contenedorNovedadesVideos #YouTubeChannelWidget .slick-slide a span,
#YouTubeChannelWidget .slick-slide a,
#YouTubeChannelWidget .slick-slide a span {
    color: #252222!important;
    font-family: 'Century Gothic' !important;
    text-decoration: none!important
}

#MainContainer .contenedorNovedadesVideos #YouTubeChannelWidget .slick-slide a h2,
#YouTubeChannelWidget .slick-slide a h2 {
    color: #252222!important;
    display: block!important;
    margin: 0 auto 10px!important;
    width: 80%!important
}

#MainContainer .contenedorNovedadesVideos #YouTubeChannelWidget .slick-slide a:hover h2,
#YouTubeChannelWidget .slick-slide a:hover h2 {
    color: #00a9c2!important
}