/**-------------------------------------   
   Btn FBA
-------------------------------------**/
div[data-id="chat-right"] { position: fixed; top: 0; left: 0; width: 100px; z-index: 9999; }
div[data-id="chat-right"] .ext { position: fixed; left: 0Px; top: 100Px; background: #db121c; border: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; width: 92px; height: auto; }
div[data-id="chat-right"] .ext:focus { outline: 0; }
div[data-id="chat-right"] .ext i { display: block; font-size: 2.5em; color: #fff; }
div[data-id="chat-right"] .ext span { display: block; font-size: .95em; color: #fff; }

/**----------------------------------------------------
    BASE STYLES [MAIN CONTENT]
-----------------------------------------------------**/
#wrapper { background: #ffffff !important; position: relative; width: 100%; font-family: 'Roboto', sans-serif; font-size: 15Px; font-weight: 300; color: #58595b;}
#wrapper .container { background: none repeat scroll 0 0 transparent; display: block; margin: 0 auto; max-width: 100%; padding: 0 15Px; position: relative; max-width: 1170Px;}

/** ====== HEADER IMAGE WIDTH STYLES ====== **/
#wrapper header[data-id="header"] img, #wrapper header[data-id="header-2"] img,
#wrapper header[data-id="header-3"] img, #wrapper header[data-id="header-4"] img { border: none; max-width: 100%; height: auto;}
#wrapper header[data-id="header"] img.resp, #wrapper header[data-id="header-2"] img.resp,
#wrapper header[data-id="header-3"] img.resp, #wrapper header[data-id="header-4"] img.resp { width: 100%;}

/** ====== MAIN-CONTENT & MENU-BAR IMAGE WIDTH STYLES ====== **/
#wrapper div[data-id="menu-bar"] img { border: none; width: 100%; height: auto;}
#wrapper div[data-id="main-content"] img.resp, #wrapper div[data-id="menu-bar"] img.resp { width: 100%;}

#wrapper a { color: #116fb2; text-decoration: none; outline: 0;}
/**-------------------------------------   
   Sharepoint Styles
-------------------------------------**/
  
img.ms-rtePosition-1 {
    max-width: 97% !important;
    height: auto !important;
}
  
  
  #MSOTlPn_MainTD{
    display: block;
    position: fixed;
    top: 73px;
    right: 10px;
    z-index: 1000;
    height: 90% !important;
    width: auto !important;
    overflow-y: auto;
    background: transparent;	
}
.ms-signInLink{
     display:none !important;
   
   }
#ms-help, #SortList0{
	display:none;
}

   .ms-core-webpartadder{
	  z-index:10000;
}
  
      
   #s4-bodyContainer{
      padding:0 !important;
      margin: 0 !important;
    }
    
    .ms-rteStyle-Titulo_Principal {
		-ms-name: "Titulo_Principal";
		font-family: 'Oswald', sans-serif !important;
		color: #2a2a2a !important;
	    font-weight:400;
		text-transform: uppercase !important;
		font-size: 24px !important;
		line-height: 30px !important;
     }


		.ms-rteStyle-Subtitulo {
			-ms-name: "Subtitulo";
			font-family: 'Oswald', sans-serif !important;
			color: #2a2a2a !important;
			font-weight: 400 !important;
			text-align: justify !important;
			font-size: 1em !important;
			line-height: 18px !important;
		}
		
		.ms-rteStyle-Texto_Normal {
			-ms-name: "Texto Normal";
			font-family: 'Oswald', sans-serif !important;
			color: #2a2a2a;
			text-align: justify !important;
			font-size: 1em;
			line-height: 18px !important;
			font-weight: 300 !important;
			margin-top: 10px !important;
		}
		
		.ms-rteStyle-Texto_Normal_Resaltado {
			-ms-name: "Texto Normal Resaltado";
			font-family: 'Oswald', sans-serif !important;
			color:  #333 !important;
			text-align: justify !important;
			font-size: 1em !important;
			line-height: 18px !important;
			font-weight: 400 !important;
			margin-top: 10px !important;
		}
		
		.ms-wpadder{
		   overflow:hidden;	   
		}
       .sala_prensa {
		    margin: 3px !important;
		    text-align: justify;
		    padding-bottom: 20px;
        }
		.ImgNoticia{
		    width: 395px;
		    height:auto;
		}
		
		.ImgNoticia img{
		    width: 98%;
		    height:auto
		 }
		.image{
			width: 345px;
		    height: auto;
		}
     .article .date-line{
  	  display:inline-block;
     }
	.article .article-header {
	    zoom: 1;
	    display: block;
	    margin-bottom: 15px;
	    min-height:87px;
	 }
	 .search{
	   width:100%
      }

a.goog-te-menu-value span:last-child{
	font-size: 7px;  
    position: relative;
    top: -5px;
	
}
#cssmenu a.btn {
    background: #fff;
    padding: 1px 10px;
    border: 0;
    color: #46B64A !important;
}

.ms-promlink-button-right, .ms-promlink-button-image, .ms-vb a:link{box-sizing:content-box !important; -moz-box-sizing: border-box; !important; -webkit-box-sizing: border-box;}

#SortList0, #forum0-RefreshLink
		{
	display:none !important;

}

#event-1 a{
	color:#2a2a2a;
}

#ctl00_g_c2025f2e_ca4d_40d8_a99a_8afa9a367585{
	display:inline-block;
}

.content-foot .col{
	margin:0 !important;
}

#event-1 p{
	margin:0 !important;
}
/*BTN TAMAÑO FUENTE*/
 .btn {
  display: inline-block;
  *
  display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *
  margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *
  background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *
  border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *
  zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  color: #7e7e7e;
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

a.btn
{
display:inline !important;
}

a.rvfs-decrease:link, a.rvfs-decrease:hover, a.rvfs-decrease:visited{color:#8B0E14 !important; font-weight:bold;}
a.rvfs-reset:link, a.rvfs-reset:hover, a.rvfs-reset:visited{color:#8B0E14 !important; font-weight:bold;}
a.rvfs-increase:link, a.rvfs-increase:hover, a.rvfs-increase:visited{color:#8B0E14 !important; font-weight:bold;}

a.TituloS:link, a.TituloS:hover, a.TituloS:visited
{
	color:#fff !important;
}
  
#cssmenu a.btn {
    background: #fff;
    padding: 1px 10px;
    border: 0;
    color: #489c47 !important;
} 
 
/**-------------------------------------
  HEADINGS [TITLES & OTHERS]
-------------------------------------**/
#wrapper h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif !important; font-weight: normal; color: #58595b; margin-top: 10Px; letter-spacing: -1Px;}
#wrapper h1 { margin-bottom: 0.2em; font-size: 1.50em; line-height: 1.4;}
#wrapper h2 { margin-bottom: .5em; margin-top: .5em; font-size: 1.75em; line-height: 1.2;}
#wrapper h3 { margin-bottom: 0.3em; letter-spacing: -1Px; font-size: 1.46em; line-height: 1.3;}
#wrapper h4 { margin-bottom: 0.5em; font-size: 1.2em; line-height: 1.25;}
#wrapper h5 { margin-bottom: 1.25em; font-size: 1.07em;}
#wrapper h6 { font-size: .93em;}

/**----------------------------------------------------
    HEADER CONTENTS STYLES [HEADER SECTION]
-----------------------------------------------------**/
header[data-id="header"] { position: relative; width: 100%; height: auto; box-shadow: 0 0 8Px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 8Px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 8Px rgba(0, 0, 0, 0.2); z-index: 666;}
header[data-id="header"] .col, div[data-id="menu-bar"] .col, footer[data-id="footer-3"] .col { margin: 0;}
header[data-id="header"] .top-bar, header[data-id="header"] .head-bar { background: #808080; position: relative; display: table; width: 100%; padding: 0; vertical-align: middle; color: #58595b; z-index: 333;}
header[data-id="header"] .head-bar { background: #ffffff; height: auto; padding: .5em 0; z-index: 0;}
header[data-id="header"] .head-bar .logo-desc { position: relative; display: inline-block;}
header[data-id="header"] .head-bar .logo { position: relative; bottom: -3Px; float: left; margin: 0 20Px 0 0; padding: 0;}
header[data-id="header"] .head-bar .logo.ctr { bottom: -5Px; left: 16%;}
header[data-id="header"] .head-bar .logo.rgt { float: right; margin-right: 0;}
header[data-id="header"] .head-bar .logo-txt { font-size: 3em; font-weight: 600; line-height: 1em; margin: 19Px 0 5Px;}
header[data-id="header"] .head-bar .logo-slg { font-size: 1.5em; font-weight: 400;}

header[data-id="header"] .social { position: relative; display: table; width: 100%; height: 94Px; text-align: center;}
header[data-id="header"] .social .social-mdl { display: table-cell; vertical-align: middle;}
header[data-id="header"] .social i { background: #6d6e70; position: relative; color: #fff; margin: 0 1Px; padding: 10Px; width: 15Px; text-align: center; border-radius: 3Px; -webkit-border-radius: 3Px; z-index: 3;}
header[data-id="header"] .social a:nth-last-child(1) i { background: #ff7a01; border: 1Px solid #a04d02;}
header[data-id="header"] .social a:nth-last-child(2) i { background: #316699; border: 1Px solid #03386b;}
header[data-id="header"] .social a:nth-last-child(3) i { background: #ca2429; border: 1Px solid #650003;}
header[data-id="header"] .social a:nth-last-child(4) i { background: #55acee; border: 1Px solid #0368b5;}
header[data-id="header"] .social a:nth-last-child(5) i { background: #3b5998; border: 1Px solid #08235a;}

header[data-id="header"] .menu-bar, div[data-id="menu-bar"] { background: #ffcc01;}

header[data-id="header"] .menu-bar .form-search { background: transparent; position: relative;}
header[data-id="header"] .menu-bar .form-search .search { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 300Px; top: 56Px; right: 0;}
header[data-id="header"] .menu-bar .form-search .ico { position: absolute; top: 6Px; right: 0; background: #212121; color: #fff; font-size: 1.2em; line-height: 1.3em; text-align: center; width: 25Px; height: 25Px; padding: 10Px; cursor: pointer; z-index: 3;}
header[data-id="header"] .menu-bar .form-search input[type="text"] { background: rgba(255,255,255,0.6); box-shadow: 0 0; border: 1Px solid #ffcc01; border-top: 0; border-radius: 0; font-family: 'Oswald', sans-serif !important; font-size: 1.1em; color: #212121; width: 100%; height: 50Px; padding: .75em 1em;}
header[data-id="header"] .menu-bar .form-search input[type="text"]::-webkit-input-placeholder { color: #211F20;}
header[data-id="header"] .menu-bar .form-search input[type="text"]:focus { outline: 0;}

/** ============== TWITTER FEED HEADER ============ **/
section[data-id="twitter"] { display: table; height: 95Px;}
section[data-id="twitter"] .tw-content { display: table-cell; vertical-align: middle; line-height: 1.2em; font-size: .9em;}
section[data-id="twitter"] .tw-content ul li { list-style: none;}
section[data-id="twitter"] .tw-content .tw-user { display: inline-block; width: 15%; float: left;}
section[data-id="twitter"] .tw-content i { background: #116fb2; color: #ffffff; padding: 10Px; width: 20Px; height: 20Px; font-size: 1.3em; text-align: center; line-height: 1.25em; border-radius: 3Px 3Px 3Px 3Px; -moz-border-radius: 3Px 3Px 3Px 3Px; -webkit-border-radius: 3Px 3Px 3Px 3Px;}
section[data-id="twitter"] .tw-content .tw-desc { display: inline-block; width: 82%; float: right;}
section[data-id="twitter"] .tw-content .tweet { width: 99%; overflow: hidden; white-space: normal; text-overflow: ellipsis;}

/** =============== TOP MENU SECTION ============== **/
#cssmenu { background: transparent; margin: 7Px auto; width: auto; padding: 0; line-height: 1; display: block; float: none; position: relative; font-family: 'Oswald', sans-serif;}
#cssmenu ul { list-style: none; margin: 0; padding: 0; display: block; text-align: left; max-width: 100%; float: left;}
#cssmenu ul:after, #cssmenu:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden;}
#cssmenu ul li { margin: 0; padding: 0 6px; display: block; position: relative; border-right-style: solid;
    border-right-width: 1px;
    border-right-color: white;}
#cssmenu ul li:last-child{
	 border-right:none !important;
}
#cssmenu ul li a { text-decoration: none; display: block; margin: 0; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cssmenu ul li ul { position: absolute; left: -9999Px; top: auto;}
#cssmenu ul li ul li { max-height: 0; position: absolute; -webkit-transition: max-height 0.4s ease-out; -moz-transition: max-height 0.4s ease-out; -ms-transition: max-height 0.4s ease-out; -o-transition: max-height 0.4s ease-out; transition: max-height 0.4s ease-out; background: #fafafa; z-index: 999;}
#cssmenu ul li ul li.has-sub:after { display: block; position: absolute; content: ""; height: 10Px; width: 10Px; border-radius: 5Px; background: #000000; z-index: 1; top: 13Px; right: 15Px;}
#cssmenu.align-right ul li ul li.has-sub:after { right: auto; left: 15Px;}
#cssmenu ul li ul li.has-sub:before { display: block; position: absolute; content: ""; height: 0; width: 0; border: 3Px solid transparent; border-left-color: #ffffff; z-index: 2; top: 15Px; right: 15Px;}
#cssmenu.align-right ul li ul li.has-sub:before { right: auto; left: 15Px; border-left-color: transparent; border-right-color: #ffffff;}
#cssmenu ul li ul li a { font-size: 13Px; font-weight: 300; text-transform: none; background: rgba(251, 251, 251, 0.9); color: #000000; letter-spacing: 0; display: block; width: 170Px; padding: 11Px 10Px 11Px 20Px; text-align: left;}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a { background: #489c47; color: #ffffff;}
#cssmenu ul li ul li:hover:after, #cssmenu ul li ul li.active:after { background: #489c47;}
#cssmenu ul li ul li:hover > ul { left: 100%; top: 0;}
#cssmenu ul li ul li:hover > ul > li { max-height: 72Px; position: relative;}
#cssmenu > ul > li { float: left;}
#cssmenu.align-center > ul > li { float: none; display: inline-block;}
#cssmenu.align-center > ul { text-align: center;}
#cssmenu.align-center ul ul { text-align: left;}
#cssmenu.align-right > ul { float: right;}
#cssmenu.align-right > ul > li:hover > ul { left: auto; right: 0;}
#cssmenu.align-right ul ul li:hover > ul { right: 100%; left: auto;}
#cssmenu.align-right ul ul li a { text-align: right;}
#cssmenu > ul > li:after { /*content: "";*/ display: block; position: absolute; width: 100%; height: 0; top: 0; z-index: 0; /*background: #fafafa; -webkit-transition: height .2s; -moz-transition: height .2s; -ms-transition: height .2s; -o-transition: height .2s; transition: height .2s;*/}
#cssmenu > ul > li.has-sub > a { padding-right: 15Px;}
#cssmenu > ul > li.has-sub > a:after { display: block; content: ""; height: 12Px; width: 12Px; position: absolute; border-radius: 13Px; right: 14Px; top: 11Px;}
#cssmenu > ul > li.has-sub > a:before, .language-name:before { display: block; content: ""; border: 4Px solid transparent; border-top-color: #ffffff; z-index: 2; height: 0; width: 0; position: absolute; right: 1Px; top: 9Px;}
#cssmenu > ul > li > a { color: #ffffff; padding: 5Px 8Px; /** 10Px 20Px **/ font-weight: 300; font-size: 14Px; z-index: 2; position: relative;}
#cssmenu > ul > li:hover:after, #cssmenu > ul > li.active:after { height: 100%;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #ffffff;}
#cssmenu > ul > li:hover > a:before, #cssmenu > ul > li.active > a:before { border-top-color: #ffffff;}
#cssmenu > ul > li:hover > ul { left: 0;}
#cssmenu > ul > li:hover > ul > li { max-height: 72Px; position: relative;}
#cssmenu #menu-button { display: none;}
#cssmenu > ul > li > a { display: block;}
#cssmenu > ul > li { width: auto;}
#cssmenu > ul > li > ul { width: 170Px; display: block;}
#cssmenu > ul > li > ul > li { width: 170Px; display: block;}

@media all and (max-width: 840Px),
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 1024Px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 1024Px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 1024Px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 1024Px),
only screen and (                min-resolution: 192dpi) and (max-width: 1024Px),
only screen and (                min-resolution: 2dpPx)  and (max-width: 1024Px) {
    #cssmenu > ul { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.35s ease-out; -moz-transition: max-height 0.35s ease-out; -ms-transition: max-height 0.35s ease-out; -o-transition: max-height 0.35s ease-out; transition: max-height 0.35s ease-out;}
    #cssmenu > ul > li > ul { width: 100%; display: block;}
    #cssmenu.align-right ul li a { text-align: left;}
    #cssmenu > ul > li > ul > li { width: 100%; display: block;}
    #cssmenu.align-right ul ul li a { text-align: left;}
    #cssmenu > ul > li > ul > li > a { width: 100%; display: block;}
    #cssmenu ul li ul li a { width: 100%;}
    #cssmenu.align-center > ul { text-align: left;}
    #cssmenu.align-center > ul > li { display: block;}
    #cssmenu > ul.open { max-height: 1000Px; border-top: 1Px solid rgba(250, 250, 250, 0.28);}
    #cssmenu ul { width: 100%;}
    #cssmenu ul > li { /** float: none; **/ width: 100%;}
    #cssmenu ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 12Px 20Px;}
    #cssmenu ul > li:after { display: none;}
    #cssmenu ul li.has-sub > a:after, #cssmenu ul li.has-sub > a:before, #cssmenu ul li ul li.has-sub:after, #cssmenu ul li ul li.has-sub:before { display: none;}
    #cssmenu ul li ul, #cssmenu ul li ul li ul, #cssmenu ul li ul li:hover > ul, #cssmenu.align-right ul li ul, #cssmenu.align-right ul li ul li ul, #cssmenu.align-right ul li ul li:hover > ul { left: 0; position: relative; right: auto;}
    #cssmenu ul li ul li, #cssmenu ul li:hover > ul > li { max-height: 999Px; position: relative; background: none;}
    #cssmenu ul li ul li a { padding: 8Px 20Px 8Px 35Px; color: #ffffff; background-color: transparent;}
    #cssmenu ul li ul ul li a { padding: 8Px 20Px 8Px 50Px;}
    #cssmenu ul li ul li:hover > a { color: #000000;}
    #cssmenu #menu-button { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 7Px 20Px; text-transform: uppercase; font-weight: 400; font-size: 14Px; letter-spacing: 1Px; color: #ffffff; cursor: pointer; text-align: left;}
    #cssmenu #menu-button:after { display: block; content: ''; position: absolute; height: 3Px; width: 22Px; border-top: 2Px solid #ffffff; border-bottom: 2Px solid #ffffff; right: 20Px; top: 13Px;}
    #cssmenu #menu-button:before { display: block; content: ''; position: absolute; height: 7Px; width: 22Px; border-top: 2Px solid #ffffff; right: 20Px; top: 8Px;}
}

@media screen and (max-width: 785Px) {
    /** #cssmenu { width: 100%;}**/
    .no-mobile { display: none;}
}

/** =============== MAIN MENU SECTION ============== **/
#mgmenu1 { z-index: 12;}
#mgmenu2 { margin-top: 12Px; z-index: 11;}
header[data-id="header-3"] .mgmenu > li { padding-right: 12Px !important;}
header[data-id="header-3"] .mgmenu > li > a, header[data-id="header-3"] .mgmenu > li > span { padding-left: 12Px !important;}
header[data-id="header-3"] .mgmenu > li:hover, header[data-id="header-3"] .mgmenu > li.active { background-color: #ecf0f1 !important;}

/** ---- A. MEGA MENU BAR STYLE ---- **/
.mgmenu_container, .mgmenu_fixed, .mgmenu_footer { width: 100%; height: auto; z-index: 10;}
.mgmenu_container { position: relative; background: transparent; margin: 0 auto;}
.mgmenu_fixed, .mgmenu_footer { width: inherit; max-width: inherit; position: fixed; top: 0; /** IE7 Fix *width: expression(this.parentNode.currentStyle['width']); **/}
.mgmenu_footer { top: auto; bottom: 0;}
.mgmenu { display: table; font-size: 12Px; list-style: none; padding: 0 2Px; margin: 0 0; position: relative; /* For IE7 */ line-height: 1;}
div[data-id="menu-bar"] .mgmenu > li { padding-right: 45Px;}
.mgmenu > li { float: left; margin: 0; padding-right: 30Px; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s;}
.mgmenu > li:hover, .mgmenu > li.active { background-color: #fff;}
.mgmenu > li:hover span, .mgmenu > li.active span { color: #58595b !important;}
.mgmenu li.noactive { background: none;}
div[data-id="menu-bar"] .mgmenu > li > a, div[data-id="menu-bar"] .mgmenu > li > span { font-size: 1.4em; padding: 20Px 0 20Px 45Px;}
.mgmenu > li > a, .mgmenu > li > span { display: block; color: #212121; font-size: 1.15em; outline: 0; text-decoration: none; padding: 19px 0 19px 18px; font-weight:600;}
.mgmenu > li > span:hover, .mgmenu > li > a:hover, .mgmenu > li > a:focus { cursor: pointer; color: #ffffff; outline: none;}
.mgmenu > li .mgmenu_drop { background-image: url("../img/downArrow.png"); background-repeat: no-repeat; background-position: right 19Px; padding-right: 20Px;}
.mgmenu_footer .mgmenu > li .mgmenu_drop { background-image: url("../img/upArrow.png");}
.mgmenu > li.right_item { float: right; margin-right: 0;}
.mgmenu_container > .mgmenu > li.mgmenu_button, .mgmenu_fixed > .mgmenu > li.mgmenu_button, .mgmenu_footer > .mgmenu > li.mgmenu_button { display: none; cursor: pointer; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; font-weight: bold; background-color: transparent; background-image: url("../img/toggle.png"); background-repeat: no-repeat; background-position: 96% 10Px; line-height: 12Px; padding: 14Px 4% 14Px 4%; color: #ffffff;}
.mgmenu_container > .mgmenu > li.mgmenu_button_active, .mgmenu_fixed > .mgmenu > li.mgmenu_button_active, .mgmenu_footer > .mgmenu > li.mgmenu_button_active { background-color: #000000;}

/** ---- B. MEGA MENU TRIGGER BUTTON STYLE ---- **/
.mgmenu_trigger { position: fixed; z-index: 2; margin: 0 auto; right: 0; margin-right: 20Px; width: 35Px; height: 41Px; display: block;}
.mgmenu_trigger { top: 0; background-image: url("../img/button_up.png"); background-position: center center; background-repeat: no-repeat; background-color: #121212;}
.mgmenu_trigger.active { background-image: url("../img/button_down.png");}
.mgmenu_footer ~ .mgmenu_trigger { top: auto; bottom: 0; background-image: url("../img/button_down.png");}
.mgmenu_footer ~ .mgmenu_trigger.active { background-image: url("../img/button_up.png");}

/** ==== 02 DROP DOWNS ==== **/
/** ---- A. COMMON STYLES ---- **/

/** === NORMAL MAIN MENU STYLES === **/
.mgmenu li .dropdown_container, .mgmenu li .dropdown_fullwidth, .mgmenu li .mgmenu_multilevel { position: absolute; top: auto; display: none; float: left; width: 100%; /** remove if dropdown_container is left: auto **/ z-index: 10; margin: 0Px 0 40Px -1Px; padding: 20Px 0 15Px 0; -webkit-border-radius: 0 0 3Px 3Px; -moz-border-radius: 0 0 3Px 3Px; border-radius: 0 0 3Px 3Px; -webkit-box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); border: 1Px solid #dce0e1; border-top: none; background: #ecf0f1; color: #212121; /** zoom: 1; **/}

/** === TRANSLATE MAIN MENU STYLES === **/
.mgmenu_base_5 { bottom: 19Px !important; border-bottom: none !important; border-top: 1Px solid #dce0e1 !important; -webkit-border-radius: 3Px 3Px 0 0 !important; -moz-border-radius: 3Px 3Px 0 0 !important; border-radius: 3Px 3Px 0 0 !important;}
.mgmenu li .dropdown_container_b { position: absolute; top: auto; bottom: initial; display: none; float: left; width: 100%; /** remove if dropdown_container is left: auto **/ z-index: 10; margin: 0Px 0 40Px -1Px; padding: 20Px 0 6Px 0; -webkit-border-radius: 0 0 3Px 3Px; -moz-border-radius: 0 0 3Px 3Px; border-radius: 0 0 3Px 3Px; -webkit-box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); border: 1Px solid #dce0e1; border-top: none; background: #ecf0f1; color: #212121; z-index: 333; /** zoom: 1; **/}
.mgmenu li .dropdown_container { left: 1Px; /** auto **/}
.mgmenu li .dropdown_fullwidth { left: 0;}
.mgmenu li.right_item .dropdown_container { left: auto; right: -1Px;}

/** ---- B. FOOTER STYLE ---- */
.mgmenu_footer .mgmenu > li .dropdown_container, .mgmenu_footer .mgmenu > li .dropdown_fullwidth, .mgmenu_footer .mgmenu > li .mgmenu_multilevel { margin: 0 0 0 -1Px; top: auto; bottom: 0; -webkit-border-radius: 3Px 3Px 0 0; -moz-border-radius: 3Px 3Px 0 0; border-radius: 3Px 3Px 0 0; -webkit-box-shadow: 0 -2Px 2Px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 -2Px 2Px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 -2Px 2Px rgba(0, 0, 0, 0.05); box-shadow: 0 -2Px 2Px rgba(0, 0, 0, 0.05); border: 1Px solid #CCCCCC; border-bottom: none;}
.mgmenu > li:hover .dropdown_container, .mgmenu > li:hover .dropdown_fullwidth, .mgmenu > li.right_item:hover .dropdown_container { display: block;}

/** ---- C. DROP DOWN CONTAINERS ---- **/
.mgmenu li .dropdown_1column { width: 8.3334%; padding-left: 2%; padding-right: 2%;}
.mgmenu li .dropdown_2columns { width: 16.6667%; padding-left: 1.8333%; padding-right: 1.8333%;}
.mgmenu li .dropdown_3columns { width: 25%; padding-left: 1.5%; padding-right: 1.5%;}
.mgmenu li .dropdown_4columns { width: 33.3334%; padding-left: 1.333%; padding-right: 1.333%;}
.mgmenu li .dropdown_5columns { width: 41.6667%; padding-left: 1.166%; padding-right: 1.166%;}
.mgmenu li .dropdown_6columns { width: 50%; padding-left: 1%; padding-right: 1%;}
.mgmenu li .dropdown_7columns { width: 58.3334%; padding-left: 0.833%; padding-right: 0.833%;}
.mgmenu li .dropdown_8columns { width: 66.6667%; padding-left: 0.666%; padding-right: 0.666%;}
.mgmenu li .dropdown_9columns { width: 75%; padding-left: 0.5%; padding-right: 0.5%;}
.mgmenu li .dropdown_10columns { width: 83.3334%; padding-left: 0.333%; padding-right: 0.333%;}
.mgmenu li .dropdown_11columns { width: 91.6667%; padding-left: 0.1666%; padding-right: 0.1666%;}
.mgmenu li .dropdown_fullwidth { width: 100%;}

/** ==== 03 COLUMNS GRID ==== **/
.mgmenu .col_1, .mgmenu .col_2, .mgmenu .col_3, .mgmenu .col_4, .mgmenu .col_5, .mgmenu .col_6, .mgmenu .col_7, .mgmenu .col_8, .mgmenu .col_9, .mgmenu .col_10, .mgmenu .col_11, .mgmenu .col_12 { float: left; display: inline; position: relative; padding-left: 2%; padding-right: 2%; padding-left: 1.9%; padding-right: 1.9%;}
.mgmenu .col_1 { width: 4.33%;}
.mgmenu .col_2 { width: 12.66%;}
.mgmenu .col_3 { width: 21%;}
.mgmenu .col_4 { width: 29.33%;}
.mgmenu .col_5 { width: 37.66%;}
.mgmenu .col_6 { width: 46%;}
.mgmenu .col_7 { width: 54.33%;}
.mgmenu .col_8 { width: 62.66%;}
.mgmenu .col_9 { width: 71%;}
.mgmenu .col_10 { width: 79.33%;}
.mgmenu .col_11 { width: 87.66%;}
.mgmenu .col_12 { width: 96%;}
.mgmenu .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 18Px;}
.mgmenu .col_border { -webkit-box-shadow: -1Px 0 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: -1Px 0 0 rgba(0, 0, 0, 0.15); -o-box-shadow: -1Px 0 0 rgba(0, 0, 0, 0.15); box-shadow: -1Px 0 0 rgba(0, 0, 0, 0.15);}

/** ==== 04 MULTILEVEL DROP DOWN ====  **/
.mgmenu .dropdown_flyout, .mgmenu .dropdown_flyout .dropdown_flyout_level { padding: 0; margin: 0; list-style: none; z-index: 9; -webkit-border-radius: 0 0 3Px 3Px; -moz-border-radius: 0 0 3Px 3Px; border-radius: 0 0 3Px 3Px;}
.mgmenu .dropdown_flyout .dropdown_flyout_level { -webkit-border-radius: 3Px; -moz-border-radius: 3Px; border-radius: 3Px; -webkit-box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); border: 1Px solid #CCCCCC; background: #e5e5e5;}
.mgmenu .dropdown_flyout li { float: left; width: 100%; padding: 3Px 0 3Px 0;}
.mgmenu .dropdown_flyout ul li { width: 160Px; padding: 3Px 10Px 3Px 10Px;}
.mgmenu .dropdown_flyout li.last { margin-bottom: 12Px;}
.mgmenu .dropdown_flyout a { display: block; width: 10em;}
.mgmenu .dropdown_flyout .dropdown_flyout_level { position: absolute; margin: 15Px 0 0 4Px; padding: 6Px; left: 98%; top: -21Px; display: none; float: left; /** zoom: 1; **/}
.mgmenu .dropdown_flyout .dropdown_flyout_level_left { left: -102%; right: 100%;}
.mgmenu .dropdown_flyout .dropdown_parent { background: url("../img/rightArrow.png") no-repeat 90% 9Px;}
.mgmenu .dropdown_flyout .dropdown_parent_left { background: url("../img/leftArrow.png") no-repeat 90% 9Px;}
.mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level, .mgmenu .dropdown_flyout li:hover > .dropdown_flyout_level_left { display: block;}
.mgmenu .dropdown_flyout .flyout_heading { font-family: Georgia, Times, "Times New Roman", serif; padding-bottom: 9Px; margin-bottom: 9Px; font-size: 16Px; border-bottom: 1Px solid #cccccc; -webkit-box-shadow: 0 1Px 1Px #f4f4f4; -moz-box-shadow: 0 1Px 1Px #f4f4f4; -o-box-shadow: 0 1Px 1Px #f4f4f4; box-shadow: 0 1Px 1Px #f4f4f4;}

/** ==== 05 CONTENT & TYPOGRAPHY ==== **/
/** ---- A. BASIC TYPOGRAPHY ---- **/
.mgmenu p, .mgmenu h1, .mgmenu h2, .mgmenu h3, .mgmenu h4, .mgmenu h5, .mgmenu h6 { padding: 0; margin: 0; font-weight: normal; color: #58595b; text-shadow: 1Px 1Px 1Px #ffffff; margin-bottom: 18Px;}
.mgmenu h1, .mgmenu h2, .mgmenu h3, .mgmenu h4, .mgmenu h5, .mgmenu h6 { font-family: Georgia, Times, "Times New Roman", serif;}
.mgmenu p { font-size: 12Px;}
.mgmenu h1 { font-size: 32Px;}
.mgmenu h2 { font-size: 28Px;}
.mgmenu h3 { font-size: 24Px;}
.mgmenu h4 { font-size: 18Px;}
.mgmenu h5 { font-size: 16Px;}
.mgmenu h6 { font-size: 14Px; text-transform: uppercase;}
.mgmenu a { text-decoration: none; color: #212121 !important; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s;}
.mgmenu a:hover { color: #777777;}
.mgmenu a:focus { background: none;}

/** ---- B. LISTS ---- **/
.mgmenu > li ul, .mgmenu > li ol { padding: 0 0 0 18Px; margin: 0 0 0 0;}
.mgmenu > li ul { list-style: square;}
.mgmenu > li ol { list-style: decimal;}
.mgmenu > li ul.no_bullets { list-style: none; padding: 0;}
.mgmenu > li ul.no_bullets li { line-height: 24Px;}
.mgmenu > li ul li, .mgmenu > li ol li { font-size: 1em; line-height: 22Px; position: relative; color: #58595b; text-shadow: 1Px 1Px 1Px #ffffff;}
.mgmenu > li ul li a { display: block;}
.mgmenu > li ul li a:hover { background: #489c47; display: block; color: #fff !important; text-shadow: 0 0; padding: 0 5Px;}
.mgmenu > li ul li span { margin-left: 20Px; font-size: .8em; line-height: 2em; position: absolute;}

/** ---- C. OTHER STYLES ---- **/
.mgmenu blockquote { color: #aaaaaa; border-left: 5Px solid #cccccc; padding-left: 20Px; font-family: Georgia, serif; font-style: italic; font-size: 18Px; line-height: 27Px;}
.mgmenu .text_box { width: 84%; background: #ffffff; padding: 12Px 8% 12Px 8%; -webkit-box-shadow: 0 1Px 1Px #bbbbbb; -moz-box-shadow: 0 1Px 1Px #bbbbbb; -o-box-shadow: 0 1Px 1Px #bbbbbb; box-shadow: 0 1Px 1Px #bbbbbb;}

/** ---- D. FORM ELEMENTS ---- **/
.mgmenu .contact_form { display: block; margin-bottom: 10Px;}
.mgmenu .contact_form label { font-size: 12Px; font-family: Arial, Helvetica, sans-serif;}
.mgmenu .form_element { color: #000000; background-color: #fbfbfb; border: 1Px solid #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 12Px; width: 96%; padding: 9Px 2% 9Px 2%; margin: 12Px 0 18Px 0; -webkit-box-shadow: 0 1Px 1Px #efefef; -moz-box-shadow: 0 1Px 1Px #efefef; -o-box-shadow: 0 1Px 1Px #efefef; box-shadow: 0 1Px 1Px #efefef; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; -ms-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out;}
.mgmenu .form_element:hover { background-color: #fcfcfc;}
.mgmenu .form_element:focus { background-color: #ffffff;}
.mgmenu .form_element:focus { outline: none;}
.mgmenu .contact_form textarea { height: 120Px; resize: none;}
.mgmenu .contact_form .required { color: #C00;}
.mgmenu .contact_form .error, .mgmenu .contact_form .success { width: 96%; padding: 9Px 2% 9Px 2%; margin: 12Px 0 6Px 0; border: 1Px solid rgba(0, 0, 0, 0.15); text-shadow: 1Px 1Px 1Px #ffffff; -webkit-box-shadow: 0 1Px 1Px #efefef; -moz-box-shadow: 0 1Px 1Px #efefef; -o-box-shadow: 0 1Px 1Px #efefef; box-shadow: 0 1Px 1Px #efefef;}
.mgmenu .contact_form .error { background: #f7cac4; color: #992213;}
.mgmenu .contact_form .success { background: #d8f6bc; color: #2f530b; margin-bottom: 12Px;}
.mgmenu .contact_form .button { padding: 7Px 12Px; margin: 9Px 12Px 0 0; white-space: nowrap; font-size: 11Px; text-transform: uppercase; vertical-align: middle; cursor: pointer; border: 1Px solid #000000; color: #ffffff; background-color: #58595b; text-shadow: 0 1Px 1Px #000000; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -ms-transition: background-color 0.3s; transition: background-color 0.3s;}
.mgmenu .contact_form .button:active {}
.mgmenu .contact_form .button:hover, .mgmenu .contact_form .button:focus { color: #ffffff; background-color: #1A1A1A;}
.mgmenu .contact_form .select_element { float: left; width: 310Px; overflow: hidden; position: relative; background-color: #fbfbfb; border: 1Px solid #dddddd; font-family: Arial, Helvetica, sans-serif; font-size: 12Px; width: 100%; margin: 12Px 0 18Px 0; -webkit-box-shadow: 0 1Px 1Px #efefef; -moz-box-shadow: 0 1Px 1Px #efefef; -o-box-shadow: 0 1Px 1Px #efefef; box-shadow: 0 1Px 1Px #efefef;}
.mgmenu .contact_form .select_element select { width: 100%; height: 30Px; font-size: 12Px; color: #999; padding: 6Px 0 6Px 10Px; border: 0; background: none; outline: none;}
.mgmenu .contact_form .select_element select option { background: #fdfdfd; width: 100%; color: #666;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mgmenu .contact_form .select_element:after { content: ''; position: absolute; top: 50%; right: 10Px; margin-top: -3Px; border: 5Px solid transparent; border-top: 5Px solid #58595b; pointer-events: none;}
    .mgmenu .contact_form .select_element select, .mgmenu .contact_form .select_element select option { -webkit-appearance: none; appearance: none;}
}

/** ==== 06 DROP DOWN TABS ==== **/

/** ==== 07 MOBILE DEVICES ==== **/
@media only screen and (min-width: 785Px) and (max-width: 984Px) {
    .mgmenu > li { padding-right: 17Px;}
    .mgmenu > li > a, .mgmenu > li > span { padding-left: 17Px; font-size: 1.1em;}
    .mgmenu .mini_icon { padding-left: 3Px;}
}

@media only screen and (min-width: 785Px) {
    .mgmenu_container .mgmenu > li, .mgmenu_fixed .mgmenu > li, .mgmenu_footer .mgmenu > li {display: block !important; padding-right: 13px;}
    .mgmenu_container > .mgmenu > li.mgmenu_button, .mgmenu_fixed > .mgmenu > li.mgmenu_button, .mgmenu_footer > .mgmenu > li.mgmenu_button { display: none !important; }
}

@media only screen and (max-width: 785Px) {
    .mgmenu { display: block;}
    .mgmenu_container, .mgmenu_fixed, .mgmenu_footer { width: 100%; height: auto; margin: 0; position: relative; left: auto; top: auto; bottom: auto;}
    .mgmenu_container .mgmenu > li, .mgmenu_fixed .mgmenu > li, .mgmenu_footer .mgmenu > li { float: none; width: auto; border: none; display: none; padding: 0;}
    .mgmenu_container > .mgmenu > li.mgmenu_button, .mgmenu_fixed > .mgmenu > li.mgmenu_button, .mgmenu_footer > .mgmenu > li.mgmenu_button { display: block;}
    .mgmenu > li > span, .mgmenu > li > a { display: block; padding: 16Px;}
    .mgmenu > li .mgmenu_drop { background-position: 96% 19Px;}
    
    .mgmenu > li .dropdown_container, .mgmenu > li .dropdown_fullwidth, .mgmenu_footer .mgmenu > li .dropdown_container, .mgmenu_footer .mgmenu > li .dropdown_fullwidth { position: absolute; top: auto; bottom: auto; width: auto; margin: 0 0 0 -1Px; -webkit-border-radius: 0 0 3Px 3Px; -moz-border-radius: 0 0 3Px 3Px; border-radius: 0 0 3Px 3Px; -webkit-box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); box-shadow: 0 2Px 2Px rgba(0, 0, 0, 0.05); border: 1Px solid #CCCCCC; border-top: none;}
    
    .mgmenu li .dropdown_1column, .mgmenu li .dropdown_2columns, .mgmenu li .dropdown_3columns, .mgmenu li .dropdown_4columns, .mgmenu li .dropdown_5columns, .mgmenu li .dropdown_6columns, .mgmenu li .dropdown_7columns, .mgmenu li .dropdown_8columns, .mgmenu li .dropdown_9columns, .mgmenu li .dropdown_10columns, .mgmenu li .dropdown_11columns, .mgmenu li .dropdown_fullwidth { width: 100%; padding-left: 0; padding-right: 0;}
    
    .mgmenu .col_1, .mgmenu .col_2, .mgmenu .col_3, .mgmenu .col_4, .mgmenu .col_5, .mgmenu .col_6, .mgmenu .col_7, .mgmenu .col_8, .mgmenu .col_9, .mgmenu .col_10, .mgmenu .col_11, .mgmenu .col_12 { width: 92%; margin-left: 4%; margin-right: 4%; padding: 0; float: left; display: block;}
    
    .mgmenu .col_border { box-shadow: none;}
    
    /* Multilevel drop down */
    .mgmenu .dropdown_flyout, .mgmenu .dropdown_flyout .dropdown_flyout_level, .mgmenu .dropdown_flyout .dropdown_flyout_level_left { position: relative; left: auto; right: auto; top: auto; padding: 0; margin: 6Px 4% 0 4%;}
    .mgmenu .dropdown_flyout .dropdown_flyout_level { border: none; background: none; box-shadow: none;}
    .mgmenu .dropdown_flyout li, .mgmenu .dropdown_flyout ul li { width: 100%; padding: 6Px 0 6Px 0;}
    .mgmenu li .dropdown_flyout .dropdown_parent { background: url("../img/downArrow-b.png") no-repeat 98% 14Px;}
    
    /* Other Elements */
    .mgmenu_trigger { display: none;}
    .mgmenu blockquote { margin-left: 12Px;}
    .mgmenu .img_description { text-align: left;}
    .mgmenu .menubar_icon { z-index: 9; float: none !important; padding: 0 0 14Px 0 !important;}
    .mgmenu .menubar_icon ul { width: 100%; padding: 0 0 9Px 0 !important;}
    .mgmenu .menubar_icon ul > li { padding-left: 2%; padding-right: 2%;}
}

/** ==== 08 RETINA DISPLAYS ==== **/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) { .mgmenu > li .mgmenu_drop { background-size: 9Px 5Px; background-image: url("../img/downArrow@2x.png");}
    .mgmenu_footer .mgmenu > li .mgmenu_drop { background-size: 9Px 5Px; background-image: url("../img/upArrow@2x.png");}
    .mgmenu_container > .mgmenu > li.mgmenu_button, .mgmenu_fixed > .mgmenu > li.mgmenu_button, .mgmenu_footer > .mgmenu > li.mgmenu_button { text-align: center; background-size: 24Px 24Px; background-image: url("../img/toggle@2x.png");}
    .mgmenu_trigger { background-size: 35Px 35Px; background-image: url("../img/button_up@2x.png");}
    .mgmenu_trigger.active { background-size: 35Px 35Px; background-image: url("../img/button_down@2x.png");}
    .mgmenu_footer ~ .mgmenu_trigger { background-size: 35Px 35Px; background-image: url("../img/button_down@2x.png");}
    .mgmenu_footer ~ .mgmenu_trigger.active { background-size: 35Px 35Px; background-image: url("../img/button_up@2x.png");}
    .mgmenu .dropdown_flyout .dropdown_parent { background-size: 5Px 9Px; background-image: url("../img/rightArrow@2x.png");}
    .mgmenu .dropdown_flyout .dropdown_parent_left { background-size: 5Px 9Px; background-image: url("../img/leftArrow@2x.png");}
    .mgmenu .mini_icon { background-image: url("../img/icons/mini-icons-white@2x.png"); background-repeat: no-repeat; background-size: 304Px 144Px;}
    .mgmenu .menubar_icon ul > li > a { background-size: 24Px 24Px;
    }
}

@media only screen and (max-width: 785Px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .mgmenu li .dropdown_flyout .dropdown_parent { background-size: 9Px 5Px; background-image: url("../img/downArrow-b@2x.png");}
}

/**----------------------------------------------------
    FOOTER CONTENTS STYLES [FOOTER SECTION]
-----------------------------------------------------**/
footer[data-id="footer-3"] .top-foot { background: #808080; padding: 10Px 0; font-size: 1em; text-align: center; color: #ffffff;}
footer[data-id="footer-3"] .content-foot { background: rgba(255,204,1,1);
background: -moz-linear-gradient(left, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 8%, rgba(255,204,1,1) 70%, rgba(255,255,255,1) 70%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,204,1,1)), color-stop(8%, rgba(255,204,1,1)), color-stop(70%, rgba(255,204,1,1)), color-stop(70%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 8%, rgba(255,204,1,1) 70%, rgba(255,255,255,1) 70%);
background: -o-linear-gradient(left, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 8%, rgba(255,204,1,1) 70%, rgba(255,255,255,1) 70%);
background: -ms-linear-gradient(left, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 8%, rgba(255,204,1,1) 70%, rgba(255,255,255,1) 70%);
background: linear-gradient(to right, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 8%, rgba(255,204,1,1) 70%, rgba(255,255,255,1) 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc01', endColorstr='#ffffff', GradientType=1 ); text-align: left; color: #58595b;}
footer[data-id="footer-3"] .content-foot .copyright {  display: block; font-size: .8em; line-height: 1.4em; padding: 15px;}
footer[data-id="footer-3"] .content-foot  .vertical-menu a { display: block; padding: 2Px 0; text-decoration: none; letter-spacing: -.5Px;}
footer[data-id="footer-3"] .content-foot  .vertical-menu a:hover { text-decoration: underline !important;}
footer[data-id="footer-3"] .content-foot h3 { color: #58595b;}
footer[data-id="footer-3"] .content-foot .logo { background: transparent; display: table; width: 100%; height: 295Px;}
footer[data-id="footer-3"] .content-foot .logo-mdl { display: table-cell; vertical-align: middle;}
footer[data-id="footer-3"] .content-foot .logo img { display: block; margin: 0 auto;}

/**----------------------------------------------------
    HOME PAGE STYLES [HOME PAGE]
-----------------------------------------------------**/
.wtitle {
	text-transform:uppercase;
}

section[data-id="news"], div[data-id="logos"], section[data-id="secretary"], section[data-id="linker"] { position: relative; z-index: 33;}
section[data-id="news"] .col, section[data-id="institutional"] .col, section[data-id="linker"] .col { margin-bottom: 0;}

/** ============= NEWS SECTION STYLES ============ **/
section[data-id="news"] .news-bg, div[data-id="logos"] .logos-bg, div[data-id="main-banner"] .banner-bg, section[data-id="secretary"] .secretary-bg, section[data-id="linker"] .linker-bg { position: relative; background: #ffffff;}
section[data-id="news"] .news-bg:before, div[data-id="logos"] .logos-bg:before, section[data-id="linker"] .linker-bg:before { content: ""; position: absolute; top: 0Px; left: 0; right: 0; margin: 0 auto; width: 95%; height: 20Px; box-shadow: 0 0 20Px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 20Px rgba(0, 0, 0, 0.4); border-radius: 100%; -webkit-border-radius: 100%; z-index: 1;}
section[data-id="news"] .news-bg:after, div[data-id="main-banner"] .banner-bg:after, section[data-id="secretary"] .secretary-bg:after { content: ""; position: absolute; bottom: 0Px; left: 0; right: 0; margin: 0 auto; width: 95%; height: 20Px; box-shadow: 0 0 20Px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 20Px rgba(0, 0, 0, 0.4); border-radius: 100%; -webkit-border-radius: 100%; z-index: 1;}
section[data-id="news"] .section-shw, div[data-id="logos"] .section-shw, div[data-id="main-banner"] .section-shw, section[data-id="secretary"] .section-shw, section[data-id="linker"] .section-shw { position: relative; background: #ffffff; padding: 3em 0 0; z-index: 2;}
section[data-id="news"] .news-item { display: inline-block; margin-bottom: 1.5em;}
section[data-id="news"] .news-item:last-child { float: right;}
section[data-id="news"] .news-item .img-content { background: #fff; position: relative; overflow: hidden; height: 200Px; width: 100%; margin: 0 auto 10Px;z-index: 999;}
section[data-id="news"] .news-item .img-inner { position: relative;}
section[data-id="news"] .news-item .img-inner img { max-width: 100% !important;
    margin: auto;
    position: relative;}
section[data-id="news"] .news-item .desc { padding: 5px;}
section[data-id="news"] .news-item .widget-title, section[data-id="news"] .widget-item .widget-title { position: relative;
    max-height: 4em;
    overflow: hidden;
    text-align: justify;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight:bold;}
section[data-id="news"] .news-item .widget-title a, section[data-id="news"] .widget-item .widget-title a {font-size: 1.2em;
    font-weight: 500;
    line-height: 1em;
    color: #58595b !important;
    padding: 7px;
    display: block;}
section[data-id="news"] .news-item .widget-txt, section[data-id="news"] .widget-item .widget-txt { position: relative; display: table; max-height: 4em; line-height: 1.2em; overflow: hidden; text-align: justify; padding: 0Px 0Px; font-size: 0.9em;}
section[data-id="news"] .news-item .desc a.read-more { display: inline-block; border: 1Px solid #9a1d21; padding: 5Px 15Px; border-radius: 13Px; margin-left: 5Px; margin-top: 20Px; font-weight: 500;}
section[data-id="news"] .news-item .desc a.read-more:hover { background: #9a1d21; border: 1Px solid transparent; color: #ffffff !important;}

section[data-id="news"] .widget-item { display: inline-block; margin-bottom: 10Px;}
section[data-id="news"] .widget-item .data { background: none; float: left; padding: 0Px 10Px; font-size: 1.5em; text-align: center; line-height: 1.1em;}
section[data-id="news"] .widget-item .data span { display: block; font-weight: 400; color: #fff;}
section[data-id="news"] .widget-item .widget-title { position: relative; max-height: 60Px; overflow: hidden; text-align: justify; padding: 0 5Px 0 0Px; margin-bottom: 10Px;}
section[data-id="news"] .widget-item .widget-title a { font-size: 17Px; font-weight: 500; line-height: 1.2em; color: #58595b !important; padding: 0Px 0Px; display: block;}
section[data-id="news"] .widget-item .widget-title a, section[data-id="news"] .widget-item .widget-txt { text-align: left !important;}
section[data-id="news"] .widget-item .widget-txt { position: relative; display: table; max-height: 4em; line-height: 1.2em; overflow: hidden; text-align: justify; padding: 0Px 5Px 0 0Px;}
section[data-id="news"] .widget-item .widget-txt .morecontent span { display: none;}
section[data-id="news"] .widget-item .desc { float: right; width: 62%; padding: 0;}
section[data-id="news"] .img-content { background: #fff; position: relative; overflow: hidden; float: left; width: 35%; height: 105Px; margin: 0;}
section[data-id="news"] .img-inner { position: relative;}
section[data-id="news"] .img-inner img { max-width: 100% !important;
    margin: auto;
    position: relative;}
section[data-id="news"] .widget-item a.morelink { display: none; font-weight: 500; color: #fff !important; margin-top: 5Px;}

section[data-id="news"] .form-search { position: relative; background: #ffffff; padding: 10Px 0; width: 100%; z-index: 66;}
section[data-id="news"] .search { display: block;
    width: 60%;
    margin: 0 auto;
    text-align: center;}
section[data-id="news"] .search input[type="search"] { background: #ffffff; box-shadow: 0 0; border: 0; border-radius: 0; font-family: 'Oswald', sans-serif !important; font-size: 1.4em; font-weight: 400; text-align: center; color: #58595b; width: 40%;}
section[data-id="news"] .search input[type="search"]::-webkit-input-placeholder { color: #58595b;}
section[data-id="news"] .search input[type="search"]:focus { outline: 0;}


#first-news .span_1_of_3:last-child {
      float: right;
    background: rgba(158, 158, 158, 0.44);
    border-radius: 5px;
    -webkit-box-shadow: 6px 6px 13px -2px rgba(158,158,158,1);
    -moz-box-shadow: 6px 6px 13px -2px rgba(158,158,158,1);
    box-shadow: 6px 6px 13px -2px rgba(158,158,158,1);
}
/** =============== INSTITUTIONAL SECTION STYLES ============== **/
section[data-id="institutional"], section[data-id="information"] { background: #efefef; padding: 2.5em 0 4em;}
section[data-id="institutional"] .wcontent { display: table; min-height: 258Px; height: auto;}
section[data-id="institutional"] .wcontent.ic { display: block;}

section[data-id="institutional"] .ev .wtitle:before { content: "\f073"; float: left; font-family: 'FontAwesome'; font-size: 2em; line-height: .9em; margin-right: 10Px;}
section[data-id="institutional"] .pl .wtitle:before { content: "\f00c"; float: left; font-family: 'FontAwesome'; font-size: 2em; line-height: .9em; margin-right: 10Px;}
section[data-id="institutional"] .st .wtitle:before { content: "\f21d"; float: left; font-family: 'FontAwesome'; font-size: 2em; line-height: .9em; margin-right: 10Px;}

section[data-id="institutional"] .e-content { margin-bottom: 15Px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
section[data-id="institutional"] .e-content:last-child { margin-bottom: 0;}
section[data-id="institutional"] .e-data { background: #ffffff; float: left; width: auto; padding: 10Px 15Px; font-size: 1em; text-align: center; margin-right: 10Px;}
section[data-id="institutional"] .e-data span { display: block; font-weight: 500; line-height: 1.25em; color: #58595b;}
section[data-id="institutional"] .e-desc { position: relative; background: #ffffff; max-height: 3.9em; line-height: 1.5em; overflow: hidden; padding: 10Px;font-size: 0.8em;}

section[data-id="institutional"] .poll { background: #ffffff; display: table-cell; vertical-align: middle; padding: 10Px 20Px;}
section[data-id="institutional"] .poll p { font-weight: 400; margin-bottom: 10Px; line-height: 1.3em;}
section[data-id="institutional"] .box { padding: 10Px;}
section[data-id="institutional"] .radio {margin-bottom: 5Px;}
section[data-id="institutional"] .regular { display: none;}
section[data-id="institutional"] .regular + label { -webkit-appearance: none; background-color: #58595b; border: 4Px solid #58595b; border-radius: 10Px; width: 100%; float: left; margin-right: 5Px; position: relative; width: 10Px; height: 10Px;}
section[data-id="institutional"] .regular:checked + label { background: #fff; border: 4Px solid #58595b;}
section[data-id="institutional"] .poll .formulario { margin-top: 20Px; margin-bottom: 0Px;}

section[data-id="institutional"] .street-map { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-bottom: 8Px;}
section[data-id="institutional"] .street-map iframe { width: 100%; height: 190Px;}

/** =============== OTHERS SECTION STYLES ============== **/
div[data-id="logos"] .section-shw, div[data-id="main-banner"] .section-shw, section[data-id="secretary"] .section-shw, section[data-id="linker"] .section-shw { padding: 0Px 0Px}

section[data-id="linker"] img { display: block; width: 50%; margin: 10Px auto;}

/**----------------------------------------------------
    INTERNALS PAGES STYLES [INTERNAL PAGE]
-----------------------------------------------------**/

div[data-id="internal"] { position: relative; padding-top: 20Px; margin-bottom: 1em;}
div[data-id="internal"] .migadepan { color: #666666; text-align: justify; font-size: 16Px; margin: 10Px 0; font-weight: 300;}
div[data-id="internal"] .migadepan a { font-weight: 400; color: #a4040c !important;}
div[data-id="internal"] .box, div[data-id="internal"] .box-title { padding: 28Px 0Px 28Px 23Px;}

body[data-id="internal"] .news-bg:before, body[data-id="internal"] .logos-bg:before { box-shadow: 0 0 20Px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 20Px rgba(0, 0, 0, 0);}

/** =============== INFORMATION SECTION STYLES ============== **/
section[data-id="information"] .socials { padding: 1em 0 0; background: transparent;}
section[data-id="information"] .socials .soc-tab {background: #d9d9d9; margin: 0 auto;}
section[data-id="information"] .socials .soc-tab .boxer {background: #FFF; color: #373737;  border-top: 1Px solid #FFF;}
section[data-id="information"] .socials .soc-tab .boxer > div {display: none; padding: 20Px 25Px 5Px; min-height: 335Px; max-height: 335Px;}

section[data-id="information"] .socials .soc-tab input {display: none;}
section[data-id="information"] .socials .soc-tab label {display: inline-block; padding: 14Px 25Px; font-size: 1.2em; font-weight: 400; text-align: center; color: #707070;}
section[data-id="information"] .socials .soc-tab label i {position: relative; top: -2Px; margin-right: 5Px;}
section[data-id="information"] .socials .soc-tab label:hover {color: #2a2a2a; cursor: pointer;}
section[data-id="information"] .socials .soc-tab input:checked + label {background: #FFF; color: #a9a9a9; margin-bottom: -1Px; border-top: 3Px solid #FFF; border-left: 1Px solid #FFF; border-right: 1Px solid #FFF; border-bottom: 1Px solid #FFF;}
section[data-id="information"] .socials .soc-tab #click1:checked ~ .boxer #boxer1,
section[data-id="information"] .socials .soc-tab #click2:checked ~ .boxer #boxer2,
section[data-id="information"] .socials .soc-tab #click3:checked ~ .boxer #boxer3,
section[data-id="information"] .socials .soc-tab #click4:checked ~ .boxer #boxer4 { display: block;}

@media screen and (max-width: 480Px) { section[data-id="information"] .socials .soc-tab label {padding: 15Px 10Px !important;} }

section[data-id="linker"] .linker-bg, section[data-id="linker"] .section-shw { position: relative; background: #489c47;}

/** =============== LINKS & LOGOS STYLES ============== **/
div[data-id="links"], section[data-id="linker"] { background: #489c47; position: relative; margin: 0; z-index: 0;}
div[data-id="links"] .col { margin-bottom: 0;}
div[data-id="links"] .tw-content { background: #d0202a; padding: 15Px; height: 67Px; min-height: 67Px; color: #fff; font-size: .85em; overflow: hidden;}
div[data-id="links"] .nbs-flexisel-container { padding-top: 10Px; padding-bottom: 10Px; margin: 0 38Px;}
div[data-id="links"] .icono-principal { padding: 5Px;}
div[data-id="links"] .nbs-flexisel-item img { width: 90% !important; padding: 0;}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3, #flexiselDemo4, #flexiselDemo5, #flexiselDemo6 { display: none;}
div[data-id="logos"] .nbs-flexisel-container { position: relative; padding: 0Px 0 0Px 0Px; margin: 0Px 50Px 0Px 50Px;}
.titulo_enlace { position: relative; color: #ffffff; font-size: 1em;text-transform: uppercase; line-height: 1em; text-align: left;  width: 100Px;}
.desc { position:relative; padding:0 0 0 15Px;}

/** BEGIN LOGO SLIDER **/


/*enlaces de interés | slider logos*/



.icon_slider {
    margin-bottom: 8px;
    color: #fff !important;
}

.welcome_desc {
  
    padding: 20px;
}

.logo-gallery {
    background-color: #fff;
    padding: 1px 20px 17px 20px;
}

.gallery {
    padding: 5px 0 10px;
    margin: 0px 0 0px 0;
}



.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 5px 0;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}

.nbs-flexisel-inner {
    overflow: hidden;
    margin: 0 auto;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
}

.nbs-flexisel-item img {
    width: auto !important;
}

.nbs-flexisel-item > img {
    
    cursor: pointer;
    positon: relative;
    margin-top: 0.4em;
}


/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 26px;
    height: 36px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
}


/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 25Px; height: 70Px; position: absolute; cursor: pointer; z-index: 100;}
div[data-id="links"] .nbs-flexisel-nav-left { left: -32Px; top: 6Px !important; background: url(../img/c_arrows-b.png) no-repeat -1Px 16Px;}
div[data-id="links"] .nbs-flexisel-nav-right { right: -32Px; top: 6Px !important; background: url(../img/c_arrows-b.png) no-repeat -20Px 16Px;}
section[data-id="ads"] .nbs-flexisel-nav-left { left: 25Px; background: url(../img/c_arrows-b.png) no-repeat -1Px 15Px;}
section[data-id="ads"] .nbs-flexisel-nav-right { right: 25Px; background: url(../img/c_arrows-b.png) no-repeat -20Px 15Px;}
.nbs-flexisel-nav-left { left: -40Px; background: url(../img/c_arrows.png) no-repeat -1Px 7Px;}
.nbs-flexisel-nav-right { right: -40Px; background: url(../img/c_arrows.png) no-repeat -20Px 7Px;}
div[data-id="logos"] .nbs-flexisel-nav-left { left: -40Px; background: url(../img/c_arrows.png) no-repeat -1Px 17Px;}
div[data-id="logos"] .nbs-flexisel-nav-right { right: -40Px; background: url(../img/c_arrows.png) no-repeat -20Px 17Px;}
/*Modulos*/
.modulo { padding: 30Px 5Px 5Px 5Px;}
.modulo img { height: auto; max-width: 100%;}

/** =============== BACK TO TOP STYLES ============== **/
.cd-top { display: inline-block; height: 40Px; width: 40Px; position: fixed; bottom: 40Px; right: 10Px; box-shadow: 0 0 10Px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: #489c47 url(../img/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; z-index: 66;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-fade-out { opacity: .5;}
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1;}
@media only screen and (min-width: 768Px) {
  .cd-top { right: 20Px; bottom: 20Px;}
}
@media only screen and (min-width: 1024Px) {
  .cd-top { height: 50Px; width: 50Px; right: 30Px; bottom: 30Px;}
}

/**----------------------------------------------------
    @MEDIA SCREEN BASE [RESPONSIVE]
-----------------------------------------------------**/

/**--------------------------------------------------
    @Media screen max-width 980Px - Normal Desktop
---------------------------------------------------**/

@media (max-width: 1024Px) {
  #wrapper .container {
     width: 99%;
    padding: 1px;
    margin: 0 auto;

  }
}

/**--------------------------------------------------
    @Media screen max-width 680Px - Tablet
---------------------------------------------------**/

@media only screen and (min-width: 481px) and (max-width: 768px) {
  #wrapper .container {
   width: 99%;
    padding: 1px;
    margin: 0 auto;
  }
  
    header[data-id="header"] .top-bar, header[data-id="header"] .head-bar {
      display: block; }
	  
	  
	  header[data-id="header"] .head-bar .logo {
				position: relative;
				bottom: 0Px;
				float: left;
				margin: 0 auto;
				padding: 0;
				width: 70%;}
	
	header[data-id="header"] .head-bar .logo.rgt {
				float: right;
				margin-right: 0;
				width: 25%;
			}

				section[data-id="news"] .section-shw, div[data-id="logos"] .section-shw, div[data-id="main-banner"] .section-shw, section[data-id="secretary"] .section-shw,section[data-id="linker"] .section-shw {
					position: relative;
					background: #ffffff;
					padding: 1em 0 0;}
					
					
	header[data-id="header"] .menu-bar .form-search .ico {
       position: relative;
    top: 0;
    right: 18px;
    background: #212121;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.3em;
    text-align: center;
    width: 90%;
    height: 32Px;
    /* padding: 3Px; */
    cursor: pointer;
    z-index: 3;
}
header[data-id="header"] .menu-bar .form-search .search {
   position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
    width: 500px;
    top: 0px;
    right: 436px;

}
section[data-id="news"] .search {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

section[data-id="news"] .search input[type="search"] {
    background: #ffffff;
    box-shadow: 0 0;
    border: 0;
    border-radius: 0;
    font-family: 'Oswald', sans-serif !important;
    font-size: 1.3em;
    font-weight: 400;
    text-align: center;
    color: #58595b;
    width: 80%;
}

section[data-id="institutional"] .e-desc {
    position: relative;
    background: #ffffff;
    max-height: initial;
    line-height: 1em;
    overflow: hidden;
    padding: 10px;}
	
	footer[data-id="footer-3"] .content-foot{
			background: rgba(255,204,1,1);
		background: -moz-linear-gradient(top, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 74%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,204,1,1)), color-stop(74%, rgba(255,204,1,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 74%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 74%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 74%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 74%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc01', endColorstr='#ffffff', GradientType=0 );
		}
			footer[data-id="footer-3"] .content-foot .logo img {
				display: block;
				max-width:80%;
				width: 50%;
				margin: 0 auto;
							}
							
							section[data-id="news"] .news-item .img-content {
    background: #fff;
    position: relative;
    overflow: hidden;
    height: auto;
    width: 100%;
    margin: 0 auto 10Px;
    z-index: 999;
}	

iframe {
    max-width: 100%;
    height: auto;
}

}

/**--------------------------------------------------
    @Media screen max-width 480Px - Normal Phone
---------------------------------------------------**/

@media (min-width:319px) and (max-width: 480px) {
  #wrapper .container {
        width: 95%;
    padding: 5px;
    margin: 0 auto;
  }
  iframe {
    max-width: 100%;
    height: auto;
}
  header[data-id="header"] .top-bar, header[data-id="header"] .head-bar {
      display: block; }
	  
	  
	  header[data-id="header"] .head-bar .logo {
				position: relative;
				bottom: 0Px;
				float: left;
				margin: 0 auto;
				padding: 0;
				width: 70%;}
	
	header[data-id="header"] .head-bar .logo.rgt {
				float: right;
				margin-right: 0;
				width: 25%;
			}

				section[data-id="news"] .section-shw, div[data-id="logos"] .section-shw, div[data-id="main-banner"] .section-shw, section[data-id="secretary"] .section-shw,section[data-id="linker"] .section-shw {
					position: relative;
					
					padding: 1em 0 0;}
					
					
	header[data-id="header"] .menu-bar .form-search .ico {
    position: relative;
    top: 0;
    right: 0;
    background: #212121;
    color: #fff;
    font-size: 1.2em;
    line-height: 1.3em;
    text-align: center;
        width: 90%;
    height: 32Px;
    /* padding: 3Px; */
    cursor: pointer;
    z-index: 3;
}
header[data-id="header"] .menu-bar .form-search .search {
     position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 97%;
    top: 0px;
    right: 0;
}
section[data-id="news"] .search {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

section[data-id="news"] .search input[type="search"] {
    background: #ffffff;
    box-shadow: 0 0;
    border: 0;
    border-radius: 0;
    font-family: 'Oswald', sans-serif !important;
    font-size: 1.3em;
    font-weight: 400;
    text-align: center;
    color: #58595b;
    width: 80%;
}

section[data-id="institutional"] .e-desc {
    position: relative;
    background: #ffffff;
    max-height: initial;
    line-height: 1em;
    overflow: hidden;
    padding: 10px;}
	
	footer[data-id="footer-3"] .content-foot{
			background: rgba(255,204,1,1);
		background: -moz-linear-gradient(top, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 74%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,204,1,1)), color-stop(74%, rgba(255,204,1,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 74%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 74%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 74%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(255,204,1,1) 0%, rgba(255,204,1,1) 74%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc01', endColorstr='#ffffff', GradientType=0 );
		}
			footer[data-id="footer-3"] .content-foot .logo img {
				display: block;
				max-width:80%;
				width: 50%;
				margin: 0 auto;
							}
							
						section[data-id="news"] .news-item .img-content {
							background: #fff;
							position: relative;
							overflow: hidden;
							height: auto;
							width: 100%;
							margin: 0 auto 10Px;
							z-index: 999;
							}
							
							
							section[data-id="institutional"], section[data-id="information"] {
  									  background: #efefef;
  									  padding: 2.5em 0 1em;
								}
								
									section[data-id="linker"] img {
										display: block;
										width: 30%;
										margin: 10Px auto;
									}

}

/** BEGIN ACCORDEON **/

.accordion-container { width: 100%; margin: 0 0 2Px; clear: both;}
.accordion-toggle { position: relative; display: block; padding: 15Px; font-size: 1.5em; font-weight: 300; background: #f7f5f5; color: #363B3F !important; text-decoration: none;}
.accordion-toggle.open { background: #489C47; color: #ffffff !important;}
.accordion-toggle:hover { background: #489C47; color: #ffffff !important;}
.accordion-toggle span.toggle-icon { position: absolute; top: 11Px; right: 20Px; font-size: 1.5em;}
.accordion-content { background: #ffffff; display: none; padding: 20Px; overflow: auto; border: 1px solid #c1254c;}
.accordion-content img { display: block; float: left; margin: 0 15Px 10Px 0; max-width: 100%; height: auto;}
	
@media (max-width: 980Px) {
.content { width: auto;}
.accordion-content { padding: 10Px 0; overflow: inherit;}
}



.formulario .searchT {
    width: 96.5% !important;
}

.formulario input[type="submit"] {
    width: auto !important;
    /* margin-left: 15px; */
    margin-top: -1px;
    padding: 5px 4vw !important;
    line-height: 0em;
    height: 40px;
        color: #ffffff !important;
}



/** =============== FORMULARIO STYLES ============== **/
div[data-id="internal"] .formulario {width: 100%; padding: 0 5Px; /**margin: 0 auto;**/ margin-bottom: 10Px; height: auto; padding: 0 1%;}
div[data-id="internal"] .formulario:last-child { margin-top: 20Px;}
div[data-id="internal"] .formulario input { width: 85%; font-size:1em; margin: 5Px 0 5Px 0; height: 28Px; padding-left: 5Px; font-weight: 400;}
div[data-id="internal"] .formulario-select.input { padding-left: 5Px; width: 97.2%; height: 24Px; font-weight: 400; color: #2a2a2a;}
div[data-id="internal"] .formulario input[type="button"]:first-child { margin-left: 0;}
div[data-id="internal"] .formulario input.full { width: 100%;}
div[data-id="internal"] .formulario input.medium { width: 69%;}
div[data-id="internal"] .formulario input[type="button"] { width: auto; margin-left: 15Px; padding: 1.2em 2.8em; line-height: 0em;}
div[data-id="internal"] .formulario select { width: 86.7%; font-size:1em; margin: 5Px 0 5Px 0;}
div[data-id="internal"] .formulario input button { width: 50% !important;}
div[data-id="internal"] .formulario label.btn { display: inline-block; margin-right: 15Px;}
div[data-id="internal"] .formulario label.btn:last-child { margin-right: 0;}
div[data-id="internal"] .formulario .asterisco { font-size: 14Px; color: #987349;}
div[data-id="internal"] .formulario-select { width: 100%; height: 36Px; overflow: hidden; background: url(../img/down_arrow_select.png) no-repeat right #ffffff; border: 1Px solid rgba(204,204,204,0.55); margin: 5Px 0 5Px 0; padding: 5Px; -moz-border-radius: 2Px; -webkit-border-radius: 2Px; border-radius: 2Px; -moz-box-shadow: inset 0Px 1Px 6Px rgba(204, 204, 204, 0.61); -webkit-box-shadow: inset 0Px 1Px 6Px rgba(204, 204, 204, 0.61); box-shadow: inset 0Px 1Px 6Px rgba(204, 204, 204, 0.61);}
div[data-id="internal"] .formulario-select select { background: transparent; width: 90%; padding: 5Px; line-height: 1; border: 0; border-radius: 0; height: 34Px; -webkit-appearance: none; font-weight: 300;}
/** =============== TABLE PERFIL STYLES ============== **/
div[data-id="internal"] .perfil { width:90%; color: #2a2a2a; /**margin:0 auto;**/}
div[data-id="internal"] .perfil td { border-bottom-width: 1Px; border-top-style: none; border-right-style: none; border-bottom-style: dotted; border-left-style: none; border-bottom-color: #c1254c; padding-bottom: 0;}
div[data-id="internal"] .perfil td i { vertical-align: text-top; padding-bottom: 10Px; margin-right: 5Px; color: #c1254c;}
div[data-id="internal"] .perfil td a { text-decoration: none; font-weight: 400; color: #c1254c !important;}

/** =============== INTERNAL TABLE STYLES ============== **/
div[data-id="internal"] .tableRes { border: 1Px solid #ccc; width: 100%; margin:0; padding:0; border-collapse: collapse; border-spacing: 0;}
div[data-id="internal"] .tableRes tr { border: 1Px solid #ddd; padding: 5Px;}
div[data-id="internal"] .tableRes th, .tableRes td { padding: 10Px; text-align: center; border-bottom: 1Px dotted #ccc;}
div[data-id="internal"] .tableRes th { text-transform: uppercase; font-size: 14Px; letter-spacing: 1Px; color: #c1254c;}
div[data-id="internal"] td[data-label="Nombre Tarea"]{ text-align: left; padding-left: 48px !important; }
div[data-id="internal"] .tableRes td.tramiteActivo{ background: #c1254c; color: #FFF; }
@media screen and (max-width: 750Px) {
    div[data-id="internal"] .tableRes { border: 0;}
    div[data-id="internal"] .tableRes thead { display: none;}
    div[data-id="internal"] .tableRes tr { margin-bottom: 10Px; display: block; border-bottom: 2Px solid #ddd;}
    div[data-id="internal"] .tableRes td { display: block; text-align: right; font-size: 13Px; border-bottom: 1Px dotted #ccc;}
    div[data-id="internal"] .tableRes td:last-child { border-bottom: 0;}
    div[data-id="internal"] .tableRes td:before { content: attr(data-label); float: left; text-transform: uppercase; font-weight: bold; color: #c1254c;}
  }
  
  
  
/* IDIOMA
================================================== */
.idioma .goog-te-gadget-simple {background-color: transparent;border-left: none;border-top: none; border-bottom: none;border-right: none;}
.idioma .goog-te-gadget-simple .goog-te-menu-value {color: #ffffff;}
.idioma .goog-te-gadget-simple .goog-te-menu-value span {color: #ffffff !important;font-size: 11px;}
.idioma {margin: -2px;padding: 0 0;}
.goog-te-gadget-icon {
    margin-left: 0;
    margin-right: 0;
}