@charset "utf-8";

/* CSS SMN */

/*------------------------------- CUSTOMS IMPORT Fonts Start -------------------------------*/
  @font-face {
    font-family: 'SoberanaTitular';
    src: url('fonts/soberana-titular/SoberanaTitular-Regular.eot');
    src: url('fonts/soberana-titular/SoberanaTitular-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/soberana-titular/SoberanaTitular-Regular.woff') format('woff'),
         url('fonts/soberana-titular/SoberanaTitular-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

  @font-face {
    font-family: 'SoberanaTitular';
    src: url('fonts/soberana-titular/SoberanaTitular-Bold.eot');
    src: url('fonts/soberana-titular/SoberanaTitular-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/soberana-titular/SoberanaTitular-Bold.woff') format('woff'),
         url('fonts/soberana-titular/SoberanaTitular-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}  

  @font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans/OpenSans-Regular.eot');
    src: url('fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
         url('fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 
 
  @font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans/OpenSans-Bold.eot');
    src: url('fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-Bold.woff') format('woff'),
         url('fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

  @font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans/OpenSans-Italic.eot');
    src: url('fonts/OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-Italic.woff') format('woff'),
         url('fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

  @font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans/OpenSans-BoldItalic.eot');
    src: url('fonts/OpenSans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-BoldItalic.woff') format('woff'),
         url('fonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
 
  @font-face {
    font-family: 'Open Sans-Light';
    src: url('fonts/OpenSans/OpenSans-Light.eot');
    src: url('fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-Light.woff') format('woff'),
         url('fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

  @font-face {
    font-family: 'Open Sans-Light';
    src: url('fonts/OpenSans/OpenSans-LightItalic.eot');
    src: url('fonts/OpenSans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-LightItalic.woff') format('woff'),
         url('fonts/OpenSans/OpenSans-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
} 

  @font-face {
    font-family: 'Open Sans-ExtraBold';
    src: url('fonts/OpenSans/OpenSans-ExtraBold.eot');
    src: url('fonts/OpenSans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-ExtraBold.woff') format('woff'),
         url('fonts/OpenSans/OpenSans-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 
 
  @font-face {
    font-family: 'Open Sans-ExtraBold';
    src: url('fonts/OpenSans/OpenSans-ExtraBoldItalic.eot');
    src: url('fonts/OpenSans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-ExtraBoldItalic.woff') format('woff'),
         url('fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
} 
 
  @font-face {
    font-family: 'Open Sans-SemiBold';
    src: url('fonts/OpenSans/OpenSans-Semibold.eot');
    src: url('fonts/OpenSans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-Semibold.woff') format('woff'),
         url('fonts/OpenSans/OpenSans-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 
 
  @font-face {
    font-family: 'Open Sans-SemiBold';
    src: url('fonts/OpenSans/OpenSans-SemiboldItalic.eot');
    src: url('fonts/OpenSans/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans/OpenSans-SemiboldItalic.woff') format('woff'),
         url('fonts/OpenSans/OpenSans-SemiboldItalic.ttf') format('truetype');
    font-weight: italic;
    font-style: normal;
} 
 /*-----*/
  @font-face {
    font-family: 'SoberanaSans';
    src: url('fonts/SoberanaSans/SoberanaSans-Regular.eot');
    src: url('fonts/SoberanaSans/SoberanaSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/SoberanaSans/SoberanaSans-Regular.woff') format('woff'),
         url('fonts/SoberanaSans/SoberanaSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 
 
  @font-face {
    font-family: 'SoberanaSans';
    src: url('fonts/SoberanaSans/SoberanaSans-Bold.eot');
    src: url('fonts/SoberanaSans/SoberanaSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/SoberanaSans/SoberanaSans-Bold.woff') format('woff'),
         url('fonts/SoberanaSans/SoberanaSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
} 
 
  @font-face {
    font-family: 'SoberanaSans';
    src: url('fonts/SoberanaSans/SoberanaSans-Italic.eot');
    src: url('fonts/SoberanaSans/SoberanaSans-Italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/SoberanaSans/SoberanaSans-Italic.woff') format('woff'),
         url('fonts/SoberanaSans/SoberanaSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}
  @font-face {
    font-family: 'SoberanaSans';
    src: url('fonts/SoberanaSans/SoberanaSans-BoldItalic.eot');
    src: url('fonts/SoberanaSans/SoberanaSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/SoberanaSans/SoberanaSans-BoldItalic.woff') format('woff'),
         url('fonts/SoberanaSans/SoberanaSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
 
    @font-face {
    font-family: 'SoberanaSans-Black';
    src: url('fonts/SoberanaSans/SoberanaSans-Black.eot');
    src: url('fonts/SoberanaSans/SoberanaSans-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/SoberanaSans/SoberanaSans-Black.woff') format('woff'),
         url('fonts/SoberanaSans/SoberanaSans-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

  @font-face {
    font-family: 'SoberanaSans-Black';
    src: url('fonts/SoberanaSans/SoberanaSans-BlackItalic.eot');
    src: url('fonts/SoberanaSans/SoberanaSans-BlackItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/SoberanaSans/SoberanaSans-BlackItalic.woff') format('woff'),
         url('fonts/SoberanaSans/SoberanaSans-BlackItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
} 
  @font-face {
    font-family: 'SoberanaSans-Light';
    src: url('fonts/SoberanaSans/SoberanaSans-Light.eot');
    src: url('fonts/SoberanaSans/SoberanaSans-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/SoberanaSans/SoberanaSans-Light.woff') format('woff'),
         url('fonts/SoberanaSans/SoberanaSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 
  @font-face {
    font-family: 'SoberanaSans-Light';
    src: url('fonts/SoberanaSans/SoberanaSans-LightItalic.eot');
    src: url('fonts/SoberanaSans/SoberanaSans-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/SoberanaSans/SoberanaSans-LightItalic.woff') format('woff'),
         url('fonts/SoberanaSans/SoberanaSans-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
} 
   @font-face {
    font-family: 'SoberanaSans-Ultra';
    src: url('fonts/SoberanaSans/SoberanaSans-Ultra.eot');
    src: url('fonts/SoberanaSans/SoberanaSans-Ultra.eot?#iefix') format('embedded-opentype'),
         url('fonts/SoberanaSans/SoberanaSans-Ultra.woff') format('woff'),
         url('fonts/SoberanaSans/SoberanaSans-Ultra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 
   @font-face {
    font-family: 'SoberanaSans-Ultra';
    src: url('fonts/SoberanaSans/SoberanaSans-UltraItalic.eot');
    src: url('fonts/SoberanaSans/SoberanaSans-UltraItalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/SoberanaSans/SoberanaSans-UltraItalic.woff') format('woff'),
         url('fonts/SoberanaSans/SoberanaSans-UltraItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
} 

@font-face{font-family:'FontAwesome';src:url('fonts/font-awesome/fontawesome-webfont.eot?v=4.1.0');src:url('fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('fonts/font-awesome/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('fonts/font-awesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('fonts/font-awesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"} 

/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(fonts/Google/RlBXAIuiO5GvH9-0-JbBlw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(fonts/Google/4hYyXH_8WmbBLamf6WjLwg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(fonts/Google/yeSIYeveYSpVN04ZbWTWghTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(fonts/Google/O6SOu9hYsPHTU43R17NS5fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*------------------------------- CUSTOMS IMPORT Fonts END -------------------------------*/ 


/*--------------------------------- Glosario INICIO ---------------------------------*/
    .imgGlosario{width: 100%; margin-left: 10%;}
    .parrafosGlosario{text-align: justify;}

@media only screen
 and (min-width : 990px) and (max-width : 1199px){
    .imgGlosario{width: 70%; margin-left: 18%;}
}
@media only screen
 and (min-width : 0px) and (max-width : 991px){
    .imgGlosario{width: 98%; margin-left: 0%;}
}
/*--------------------------------- Glosario FIN ------------------------------------*/





 /*--------------------------------- Tablas Estilos INICIO ---------------------------------*/
  .ema_tbody_header:nth-child(4n-1) { background-color: #FFFBEC; }
  tbody.ema_tbody_data tr > th  { background-color: /*#B5B5B5*/#EBEBEB; }
  tbody.ema_tbody_data tr:nth-child(odd) {background-color:#F9F9F9;}
  
  th#tabla_equivalencias_z_descipcion{background-color:#FFFBEC;}
 /*--------------------------------- Tablas Estilos FIN ---------------------------------*/
aside{display:none;} /*Resumenes MEnsuales de Temperatura y Lluvia da mucho espacio - WARNING*/
 
 /*Estilo para Google Search*/
.gsc-input-box {height:35px !important;}
#___gcse_0{ width: 87%; } /*antes 100% */ /*width: 313px !important;padding-left: 36%;*/  /*26-05-16, Aura: Se cambio el valor de width*/ 
/*26-05-16, Se creo nueva condicion*/
@media only screen and (min-width : 768px) and (max-width : 1199px){
		#___gcse_0{ width: 100%; }
}

#___gcse_0 >.gsc-control-cse{ padding: 0px !important;
	/* 08-04-16, Aura: Se agrego la variable background-color y border-color */
	background-color:#393c3e;
	border-color:#393c3e;
 }

.gsc-search-button{display:none !important;} /*<- Ocultamos el icono de busqueda*/
.gsib_b{display:none !important;}

#gsc-iw-id1, #gs_tti50{
	/* 08-04-16, Aura: Se cambio el valor de border-color. Y se agrego la variable background-color.*/
	border-color: transparent; /* Antes: white !important*/
	background-color: #393c3e;
}
#gsc-iw-id1:hover, #gs_tti50:hover, .gsc-input-box-hover {
	/* 29-03-16, Aura: Se cambio el valor de la variable border-color*/
	border-color: #393c3e; /*antes: white !important*/
	}
.gsc-control-cse gsc-control-cse-es{padding:0px !important;}

.gsc-search-box .gsc-input>input:hover,
.gsc-input-box-hover {
  border: none;
  border-top-color: #a0a0a0;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none;
}
.gsc-search-box .gsc-input>input:focus,
.gsc-input-box-focus {
  border: none;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none;
}


@media screen and (max-width: 767px){ /*antes: 790px*/ /*26-05-16, Aura: se cambio el valor de max-width */
    #___gcse_0 {
        width: 50%;
        margin-left: 25%;
    }
}

 /*Estilo para Google Search*/
 
 #vispoweredby{display:none;}
 
 .tab1{padding: 0 1%;}
 .tab2{padding: 0 3%;}
 .tab3{padding: 0 5%;}
.pruebaManuel{
	font-family: 'Open Sans-ExtraBold';
}

td.style1 {
	border-bottom: 3px double red !important;
	border-top: 3px double red !important;
	border-left: 3px double red !important;
	border-right: 3px double red !important;
}
.contenedor-iframe{
	/*position: relative;
	width: 100%;
	/*padding-bottom: 130%;
	height: 0px;
	height: 100%;/
	margin-top: 10px;*/
}
.contenedor-iframe > iframe  {
	/*position: absolute;
	top: 0px;
	left: 0px;
	overflow: visible;
	height: 100%;
	width: 100%;*/
	border:none;
}

/*tbody tr:first-child {font-weight:bold; background-color: #EFEFEF;}*/

/*
body, html, #wrapper, #content, #main_component, #page{
   margin:0; 
   padding:0;
   height:100%; 
	overflow:hidden;
}

iframe {

   display:block; 

   height:100%; 

   width: 100%;

   border:none;

}
*/


/*------------------------------- Fonts Start -------------------------------*/
/*@import url('http://fonts.googleapis.com/css?family=Open+Sans');*/

html, body {		/*14-04-16, Aura: Se cambio el valor de font-family y color. Se agrego font-size */
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; /* antes: "SoberanaSans"*/ color: #545454; /*antes: black*/ font-size:15px; }

h1{ font-size: 25px; /*18-04-16, Aura: Se cambio el color de border */
border-bottom: 1px solid #dce0e0; /*antes: #414042*/ color: #414042; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; /* antes: "SoberanaSans"*/
color: #545454; /*15-04-16, Aura: se agrego la variable color */}
/*------------------------------- Fonts End -------------------------------*/


/*------------------------------- IMG Estilos Start-------------------------------*/
.Img_Estilo { /*border: 1px solid rgb(255, 255, 255); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);vmb 24/Ago/17*/ margin-bottom: 15px !important; clear: both;}
.Img_Centrar{ display: block; margin: 0px auto; }
.Img_Size_Responsive{width:60%;}

 @media only screen
 and (min-width : 0px) and (max-width : 600px){
	.Img_Size_Responsive{width:100%;}
}
/*------------------------------- IMG Estilos End -------------------------------*/


/* ------------------------------- Formulario de Contacto INICIO ------------------------------- */
#descripcion{
	margin-bottom: 20px !important;
}
#frm_contacto input,
#frm_contacto select,
#frm_contacto textarea{
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
	height: auto;
}
/*
.frm_contacto_area{width:100%; height: 100px;}
.frm_contacto_text{width: 100%; margin-top: 10px; margin-bottom: 10px; }

.frm_contacto_group > select,
.frm_contacto_group >textarea,
.frm_contacto_group >input[type="text"],
.frm_contacto_group >input[type="password"],
.frm_contacto_group >input[type="datetime"],
.frm_contacto_group > input[type="datetime-local"],
.frm_contacto_group >input[type="date"],
.frm_contacto_group >input[type="month"],
.frm_contacto_group >input[type="time"],
.frm_contacto_group >input[type="week"],
.frm_contacto_group >input[type="number"],
.frm_contacto_group >input[type="email"],
.frm_contacto_group >input[type="url"],
.frm_contacto_group >input[type="search"],
.frm_contacto_group >input[type="tel"],
.frm_contacto_group >input[type="color"],
.inputbox {
	width: 92%;
}
.fr_contacto_label_descripcion{ text-align: justify; }
.fr_contacto_label{text-align:right;}
.frm_contacto_title{margin: -24px 0px 0px; padding-left: 0px; padding-bottom: 3px;}


@media only screen
and (min-width : 767px){
	.fr_contacto_label { width: 9%; }
	.frm_contacto_group > select, .frm_contacto_group > textarea, .frm_contacto_group > input[type="text"], .frm_contacto_group > input[type="password"], .frm_contacto_group > input[type="datetime"], .frm_contacto_group > input[type="datetime-local"], .frm_contacto_group > input[type="date"], .frm_contacto_group > input[type="month"], .frm_contacto_group > input[type="time"], .frm_contacto_group > input[type="week"], .frm_contacto_group > input[type="number"], .frm_contacto_group > input[type="email"], .frm_contacto_group > input[type="url"], .frm_contacto_group > input[type="search"], .frm_contacto_group > input[type="tel"], .frm_contacto_group > input[type="color"], .inputbox {
		width: 90%;
	}
}

@media only screen
 and (min-width : 0px) and (max-width : 766px){
	.fr_contacto_label { width: 100%; }
	.frm_contacto_group > select, .frm_contacto_group > textarea, .frm_contacto_group > input[type="text"], .frm_contacto_group > input[type="password"], .frm_contacto_group > input[type="datetime"], .frm_contacto_group > input[type="datetime-local"], .frm_contacto_group > input[type="date"], .frm_contacto_group > input[type="month"], .frm_contacto_group > input[type="time"], .frm_contacto_group > input[type="week"], .frm_contacto_group > input[type="number"], .frm_contacto_group > input[type="email"], .frm_contacto_group > input[type="url"], .frm_contacto_group > input[type="search"], .frm_contacto_group > input[type="tel"], .frm_contacto_group > input[type="color"], .inputbox {
		width: 100%;	
	}
	.fr_contacto_label{text-align:left;}
}
*/
/* ------------------------------- Formulario de Contacto FIN ------------------------------- */


/*------------------------------- Media Querys INICIO -------------------------------*/


/* Large devices (large desktops, 1200px and up) */
@media only screen 
and (min-width : 1200px){ /* Caso 0 */
	/*#ContenedorPrincipalElTiempoEnMiCiudad {height: *//*665px*//*628px;}*/
	/*.MapaDelTiempo{height:627px;}*/
 }

@media only screen 
and (min-width : 1200px){ /* Caso 1 */
	#ContenedorPrincipalElTiempoEnMiCiudad {height: 655px;;}
	#MainSlider{height: 615px !important;}
	/*.MapaDelTiempo{height: 465px;}*/
 }

 
@media only screen /* Caso 2 y 3 */
and (min-width : 990px) and (max-width : 1199px){ 
	#ContenedorPrincipalElTiempoEnMiCiudad {height: 590px;}
	.MapaDelTiempo{height: 465px;}
 }
/*------------------------------- Media Querys FIN -------------------------------*/


/*------------------------------- Boton Verde INICIO-----------------------------------*/
/*11-04-16, Aura: Se cambio el valor de background y box-shadow, se agrego border y border-radius, se comento font-family */
.botonVerdeBG {
	height:110px; width:296px; 
	background: white; /*antes: url("bg/BloqueVerdeBG.png") no-repeat scroll 0px 0px transparent*/
	border: 1px solid #dddddd;
	border-radius: 4px;
	box-shadow:  0px 1px 1px rgba(0,0,0,0.05); /*antes: 0px 0px 12px -6px rgba(0, 0, 0, 0.8);
	/*font-family: "SoberanaTitular"; */
	text-align:center; color:white; font-size:16px; text-transform: capitalize; display: table; margin: 0px auto 15px;  
}
/*11-04-16, Aura: se cambio el valor de color y se comento hover*/
.botonVerdeBG > a {color: #1122cc; /*antes: white*/
	display: table-cell; vertical-align: middle;}
.botonVerdeBG > a:hover {color:#7b9cf0;/*antes: white*/}
/*.botonVerdeBG > a:visited {color:white;}*/ 
/*------------------------------- Boton Verde FIN--------------------------------------*/


/*------------------------------- Botón Canvas INICIO -------------------------------*/
.btn-primary { background-color: #289F54;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary   { background-color: #97BE54; }
.btn-primary:hover { background-color: #97BE54; }
.btn-primary:active { background-color: #97BE54; }
/*------------------------------- Botón Canvas FIN -------------------------------*/
 
 
/* ------------------------------- Alertas en Index INICIO ------------------------------- */
#index_AlertaMeteorologica {float:left; width:100%; padding:6px; height: 150px;/*Agregat height a media query*/ background-image: url('../../../images/system/img/bg-aviso-meteorologico-amarillo-naranja.png'); background-repeat: repeat-x;}
#ContenedorAlertaMeteorologicaIconTitulo{float:left; width:100%; margin-bottom: 10px;}
.WarningIco {float:left; width:9%;}
#ContenedorAvisosMeteorologicosContenido {float:left; width:100%;}
.EstiloFlecha{float:left; width:5%;}
.NoticiaEstiloAlertaMeteorologica{float:left; width:90%; text-align:center; font-size: 21px; text-transform:uppercase;}
#ContenedorIconDotsAlertaMeteorologica{float:left; width:100%; text-align:center;}
#index_AlertaMeteorologicaTitulo {float:left; width:91%; color:#333333; font-family: "Open Sans",sans-serif; /*font-family: arial,helvetica,sans-serif;*/ font-size:30px; vertical-align: middle;}
#index_AlertaMeteorologicaContenido {float: left; width: 100%; margin-top: 13px; font-weight: bold; text-align:center; }

#index_AlertaSistemaFrontal {float:left; width:100%; height: 150px; background-color:#F96; color: white; padding-top: 35px; padding-left: 21px;/*Agregat height a media query*/}
#index_AlertaSistemaFrontal:hover{background-color:#FF814A;}
#index_AlertaSistemaFrontalTitulo { font-size: 19px; font-weight: bold; padding-left: 6px;}
#index_AlertasistemaFrontalContenido { padding-left:5%; padding-right: 2%;} /*27-05-16, Aura: se agrego padding-right */ 
.index_AlertasistemaFrontalIMG {width:25px; vertical-align: bottom;}

@media only screen /* Caso 2 y 3 */
and (min-width : 995px) and (max-width : 1199px){
	.NoticiaEstiloAlertaMeteorologica {font-size: 19px;}
	#index_AlertaMeteorologicaTitulo {width:85%; font-size: 28px;}
	.WarningIco {width: 15%;}
	#index_AlertaMeteorologica {font-size: 13px;}
 }

@media only screen /* Caso 4 */
and (min-width : 768px) and (max-width : 994px){ 
	#index_AlertaMeteorologicaTitulo {width: 85%; font-size: 26px;}
	.WarningIco {width: 15%;}
	.NoticiaEstiloAlertaMeteorologica {font-size: 15px;}
	#index_AlertaMeteorologicaContenido {font-size: 12px;}
 }
 @media only screen /* Caso 5 */
 
and (min-width : 481px) and (max-width : 767px){ 
	#index_AlertaMeteorologicaTitulo {width: 85%; font-size: 26px;}
	.WarningIco {width: 8%;}
	.NoticiaEstiloAlertaMeteorologica {font-size: 15px;}
	#index_AlertaMeteorologicaContenido {font-size: 12px;}
 }
 
 @media only screen /* Caso 6 */
and (min-width : 420px) and (max-width : 480px){ 
	#index_AlertaMeteorologicaTitulo {width: 78%; font-size: 26px;}
	.WarningIco {width: 8%;}
	.NoticiaEstiloAlertaMeteorologica {font-size: 15px;}
	#index_AlertaMeteorologicaContenido {font-size: 12px;}
 } 
 
  @media only screen /* Caso 7 */
and (min-width : 320px) and (max-width : 420px){ 
	#index_AlertaMeteorologicaTitulo {width: 85%; font-size: 26px;}
	.WarningIco {width: 15%;}
	.NoticiaEstiloAlertaMeteorologica {font-size: 15px;}
	#index_AlertaMeteorologicaContenido {font-size: 12px;}
 } 
 
 @media only screen /* Caso 8 */
and (max-width : 319px){ 
	#index_AlertaMeteorologicaTitulo {width: 85%; font-size: 25px;}
	.WarningIco {width: 15%;}
	.NoticiaEstiloAlertaMeteorologica {font-size: 15px;}
	#index_AlertaMeteorologicaContenido {font-size: 12px;}
	#index_AlertaMeteorologica {height: 170px; background-image: url('../../../images/system/img/bg-aviso-meteorologico-amarillo-naranja170px.png');}
	
 } 
/* ------------------------------- Alertas en Index FIN ------------------------------- */	



/* ------------------------------- indexVideoPronosticoDelTiempo INICIO ------------------------------- */
.VideoPronostico{height: auto; max-width: 100%;}
#VideopronosticoXSM{display: none;}

 @media only screen /* Caso 7 */
and (min-width : 320px) and (max-width : 420px){ 
}
 @media only screen /* Caso 7 */
and (min-width : 320px) and (max-width : 420px){ 
/*#VideopronosticoLarge{display: none;} 23-08-16, aura, se debe mostrar siempre el video boletin*/
#VideopronosticoXSM{display:initial;}
/*.VideoPronostico{ background: url('../../../images/system/img/ImgVideoPronosticoDelTiempoXSM.png') no-repeat;}*/
}
 @media only screen /* Caso 8 */
and (max-width : 319px){ 
/*#VideopronosticoLarge{display: none;} 23-08-16, aura, se debe mostrar siempre el video boletin*/
#VideopronosticoXSM{display:initial;}
/*.VideoPronostico{ width:287px; height:139px; background: url('../../../images/system/img/ImgVideoPronosticoDelTiempoXSM.png') no-repeat;}*/
}
/* ------------------------------- indexVideoPronosticoDelTiempo FIN ------------------------------- */


/* ------------------------------- Aviso Ciclones Tropicales en Index INICIO ------------------------------- */
#ContenedorAvisoCiclonesTropicales{ float:left; width:100%; background-color: #036; }
.MargenAvisoCiclonesTropicales { float:left; margin: 6px; background-color: #0075B2; color:#FFF }
#TituloAvisoCiclonesTropicales { float:left; width:100%; text-align:center; font-size: 19px; padding-bottom: 3px; }
#ImgEstiloAvisoCiclonesTropicales { float:left; width:100%; text-align:center;  }
#DescripcionAvisoCiclonesTropicales { float: left; width: 100%; padding: 13px; }
#AccesoAvisoCiclonesTropicales{ float:left; width:95%; text-align:right; text-transform:uppercase; }
.IconAccesoAvisoCiclonesTropicales { float:right; width:1%; padding-right:12px; }
.IconEstiloAccesoAvisoCiclonesTropicales { height:12px; width:12px; vertical-align: baseline; }
/* ------------------------------- Aviso Ciclones Tropicales en Index FIN ------------------------------- */


/* ------------------------------- Video Pronostico del Tiempo en Index INICIO ------------------------------- */
#ContenedorVideoPronostico{ float:left; width:100%; background-color: #036; }
.MargenVideoPronostico { float:left; margin: 6px; background-color: #C4D82E; color:#333333 }
#TituloVideoPronostico { float:left; width:100%; text-align:center; font-size: 19px; padding-bottom: 3px; }

#ContenedorYoutubeVideoPronostico { float:left; width:100%; background-color:#FFF; }
.EstiloYoutubeVideoPronostico { width:100%; }

#ContenedorVerMasVideosVideoPronostico { float:left; width:100%; background-color:#FFF; height: 21px; padding-top: 0px; margin-top: -5px; }
.floatRight { float:right; }
.floatLeft { float:left; }
.IconBoletinesVideoPronostico { height:12px; width:12px; vertical-align:baseline; }

#TituloMasVideosVideoPronostico { float:right; text-align:right; }

#ContenedorBoletinesVideoPronostico { float:left; width:100%; padding:6px; padding-bottom:0px; }
#TituloBoletinesVideoPronostico { float:left; font-weight: bold; color:grey; }

.EstiloBoletinVideoPronostico{ float:left; width:33.33%; height:67px; padding:3px; background-color:#D8D8D8; border-width: 2px; border-style: solid; border-color: #FFF #A8A8A8 #A8A8A8 #FFF; }
.TituloBoletinEstiloVideoPronostico { float:left; width:100%; text-align:center; font-size: 20px; line-height: 19px; height: 36px; } 
.Text-AlignRight{ text-align:right;}
.Text-AlignLeft { text-align:left;}
.IconBoletines14pxVideoPronostico {  height:14px; width:14px; vertical-align: baseline; }
/* ------------------------------- Video Pronostico del Tiempo en Index FIN ---------------------------------- */


/* ------------------------------- El Tiempo en mi ciudad en Index INICIO ---------------------------------- */
#ContenedorPrincipalElTiempoEnMiCiudad { float:left; width:100%; 
 /*08-04-2016, Aura: Se cambio el valor de la varible background-color */
	background-color: white; /*antes: #909090*/ /*#B3B3B3*//*#003366*/; 
padding:4px; padding-top:8px; }
#ContenedorLateralIzqElTiempoEnMiCiudad { float:left; width:100%; background-color:#f2f2f2; /* #DDDBD7; 05-mar-19 vmb */ /*#577483*/ color:#545454; /*border-right: 3px solid #036;*/ }
#ContenedorLateralDerElTiempoEnMiCiudad { float:left; width:100% }
#ContenedorEdoClimaElTiempoEnMiCiudad { padding:7px; }
#ContenedorNombreDiaActualElTiempoEnMiCiudad { float:left; width:100%; border-bottom: 2px solid #B3B3B3/*#DEDEDE*/; padding-left: 5px;}
.EstiloNombreDiaActualElTiempoEnMiCiudad {font-weight: bold; text-transform: uppercase;}
#ContenedorMesNumDiaYHoraElTiempoEnMiCiudad { float:left; width:100%; border-bottom: 2px solid #B3B3B3/*#DEDEDE*/; }
.EstiloMesElTiempoEnMiCiudad { float:left; width:50%; padding-left: 5px; font-size: 12px; text-transform: capitalize; }
.EstiloHoraElTiempoEnMiCiudad { float:left; width:50%; text-align: right; }
.GeoIconElTiempoEnMiCiudad{float:left; width:20%; text-align: right;}
.GrupoAhoraYGeoCiudadElTiempoEnMiCiudad {float:left; width:80%;}
.EstiloTituloAhora { float:left; width:100%; padding-left: 5px;}
.CiudadActualElTiempoEnMiciudad { float:left; width:100%; padding-left: 5px; }
.EstiloCiudadActualElTiempoEnMiCiudad { font-weight:bold; text-transform: uppercase; font-size: 12px;}
#ContenedorGeoTemperaturaElTiempoEnMiCiudad { float:left; width:50%; text-align:right;}
.EstiloTemperaturaGradosElTiempoEnMiCiudad { font-weight:bold; font-size:56px;}
#ContenedorIcoEdoClimaElTiempoEnMiCiudad { float:left; width:50%; text-align: left; }
.ImgIcoEdoClimaElTiempoEnMiCiudad { height:67px; width:67px; }
.ContenedorEstiloLeyendaEdoTiempo { float:left; width:100%; font-size:13px; text-align: center; margin-top: -13px;}
#ContenedorTempMaxMinGeo { float:left; width:100%; text-align: right; font-size:27px;  /*border-bottom: 2px solid #B3B3B3;*/}
.TempMin { font-weight: bold; }

.ContenedorResumenYAccesoSIADI{float:left; width:100%;
	/*08-04-16, Aura: Se cambio el valor de la variable background-color */ 
	/*13-05-16, Aura: se comento padding y se agrego padding-right */
	background-color: white; /*antes: #A5A5A5*/
	/*padding: 4px 4px 12px;*/
	padding-right: 5px; 
	margin-top: 12px;}



/* -------------------------------------
    Primer botón de la lista */

    .ContenedorResumenYAccesoSIADI > div.ContenedorPronostico5diasYResumen:nth-child(1){
        /*15-04-04-16, Aura: Se cambio el valor de background-color y se agrego la varible color */
        background-color: #9D2449;/* white; > 290420 -  #4a90e2; 05-mar-19 vmb*/ /*antes: rgba(243,187,57,0.8)*/
		color:white; /*#545454; white; > 010419 */
    }
    .ContenedorResumenYAccesoSIADI > div.ContenedorPronostico5diasYResumen:nth-child(1):hover{
        /*15-04-04-16, Aura: Se cambio el valor de background-color y se agrego la varible color */
        background-color:#f2f2f2; /* #2275d7;05-mar-19 vmb */ /* antes: rgba(243,187,57,1)*/
		color:#9D2449;   /* white; 05-mar-19 vmb */
    }

/*26-04-16, Aura: se cambio valor de height, padding-top y margin-top */
.ContenedorPronostico5diasYResumen { 
	float:left; width:100%; 
	background-color:#fff; /* #DDDBD7; 05-mar-19 vmb  */ 
        border-top: 1px solid #9D2449; /* #B3B3B3;  05-mar-19  */ 
 	height: 60px; /*antes: 37.5px*/ /*se cambio 20-Jun-18 vmillan 70px */  
	padding-top: 8px; /*antes:10px*/ /*se cambio 20-Jun-18 vmillan 12px */
	padding-left: 10px; 
	margin-top: 14px; /*antes: 8px*//*->*/ 
	-webkit-box-shadow:3px 3px 6px 0px rgba(50, 50, 50, 0.19); 
	-moz-box-shadow:3px 3px 6px 0px rgba(50, 50, 50, 0.19); 
	box-shadow:3px 3px 6px 0px rgba(50, 50, 50, 0.19);
}
.ContenedorPronostico5diasYResumen:hover { 
	background-color:#f2f2f2; /* #CCCBCA; 05-mar-19 vmb */
	color:#9d2449;  /* se agrego la var color 05-mar-19 vmb */
	cursor:pointer;
}

.BoldUpperCase { font-weight: bold; text-transform: uppercase; }
.Img12pxBaseline{ height:12px; width:12px; vertical-align: baseline; }
#ContenedorTituloElEstadoDelTiempoEnMiCiudad{ float:left; width:100%/*60%*/; height:25px; font-size:17px; background-color: #DDDBD7 /*#577483*/; color:#5E5D5C /*#FFF*/; padding-left: 5px; padding-bottom: 3px; text-align: center; /*border-right: 3px solid #036;*/ }
.TituloEdoTiempo {float:left; width:25%; height:10px;}
.BandaDoble{float:left; width:37.2%; height:5px; border-top: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; margin-top: 8px;}

#ContenedorTituloCiudad { float:left; width:40%; background-color:#DDDBD7/*#577483*/; color:#5E5D5C/*#FFF*/; }
.TituloCiudad { float:left; width:50%; background-color:#DDDBD7/*#577483*/; color:#5E5D5C/*#FFF*/; padding-bottom: 3px; padding-left: 4px; }
#ContenedorIconoMenu { float:right; width:50%; background-color:#DDDBD7/*#577483*/; color:#5E5D5C/*#FFF*/; text-align: right; padding-right: 5px; }
.Img16px { height:16px; width:16px; }

#ContenedorMapa { float:left; width:100%; }
.EstiloMapaImg{ width:100%; }

.MapaDelTiempo{ border:0; width:100%; height: 1300px/*595px670px*/;}

.MapaDelTiempoRadiosondeo,
.MapaDelTiempoENCS {
  border: 0;
  width: 100%;
  height: 595px;
}

.MapaDelTiempoSliderPagPrincipal{ border:0; width:100%; height:620px; } /*08-11-2016, Aura: se cambio valor de height, antes: 650px*/

.table-bordered{margin-top: 10px;}
.table-childheader > tbody > tr:first-child {
    background-color: #fffbec;
    font-weight: bold;
    text-align: center;  
}
table.width100{width: 100%;}
td, tr td { border-top: 0px solid #DDD; border-top-width: 0px; border-top-style: solid; border-top-color: #DDD;}
td.Dia{ width: 44%; padding-left: 5px; text-transform:capitalize;}
td.Temp{ width: 23%;}
td.IconTemp{ width: 26%;}
tr.Prediccion {/*border-bottom: 1px solid white;*/ background-color: /*#CCCBCA*/#B6AAA7;}
tr.Prediccion1 {/*border-bottom: 1px solid white;*/ background-color: /*#bababa*/#A2A6BF;}
tr.Prediccion2 {/*border-bottom: 1px solid white;*/ background-color: /*#a5a5a5*/#85ADCF;}

.floatLeftWidth100{float:left; width:100%;}
.floatRightWidth100{float:right; width:100%;}

#ContenedorTitloTablaBoletines{float:left; width:100%; background-color:#B3B3B3/*#036*/;}
.BoletinesTitulo{float:left; width:100%; border-bottom:1px solid #A5A5A5/*white*/; padding-bottom: 3px; padding-top: 4px; padding-left: 5px; /*->*/ font-weight: bold; text-align: center; background-color: #DDDBD7; margin-top: 8px;}
#ContenedorTablaBoletin {float:left; width:100%; border-bottom:1px solid #A5A5A5/*white*/; /*padding-bottom: 6px; padding-top: 4px;*/ margin-bottom: 8px;}
.boletinTablaEstilo {width: 100%; background-color: #DDDBD7/*#577483*/;}
.boletinEstilo{vertical-align: middle; text-align:center; height: 40px; /*border: 2px solid #036;*/ /*->*/ -webkit-box-shadow:3px 3px 6px 0px rgba(50, 50, 50, 0.19); -moz-box-shadow:3px 3px 6px 0px rgba(50, 50, 50, 0.19); box-shadow:3px 3px 6px 0px rgba(50, 50, 50, 0.19);}
.boletinEstilo:hover{ background-color: #CCCBCA; cursor:pointer;}
.EstiloCentral{ border-right: 2px solid #B3B3B3; border-left: 2px solid #B3B3B3;}
 
@media only screen /* Caso 2 y 3 */
and (min-width : 990px) and (max-width : 1199px){ 
	/*#ContenedorPrincipalElTiempoEnMiCiudad {height: 505px 570px;}*/
	/*.MapaDelTiempo{height: 530px;}<---AT */
	.ContenedorPronostico5diasYResumen { height: 47px; padding-top: 3px;} /*26-05-16, Aura. Se cambio el valor de height , antes: 28px*/
 }
 
@media only screen /* Caso 5 */
and (min-width : 481px) and (max-width : 767px){ 
.TituloEdoTiempo {width:40%;}
.BandaDoble{width:29.2%;}
} 
@media only screen /*  */
and (min-width : 365px) and (max-width : 480px){
	.TituloEdoTiempo {width:50%;}
	.BandaDoble{width:24%;}
}

@media only screen /*  */
and (min-width : 301px) and (max-width : 364px){
	.TituloEdoTiempo {width:70%;}
	.BandaDoble{width:14%;}
}

@media only screen /*  */
and (min-width : 300px) and (max-width : 320px){
	.TituloEdoTiempo {width:68%;}
	.BandaDoble{width:15.2%;}
}

@media only screen /* Caso Especial de 300px hasta 991px */
and (min-width : 300px) and (max-width : 991px){ 
	.ContenedorPronostico5diasYResumen {height: 45px; text-align: center; padding-top: 5px; font-size: 18px;}
	#ContenedorTempMaxMinGeo {text-align: center;}
	.GeoIconElTiempoEnMiCiudad{width:41%;}
	.GrupoAhoraYGeoCiudadElTiempoEnMiCiudad {width:50%;}
	.boletinEstilo{font-size: 19px;}
}
@media only screen /* Caso Especial de 480px hasta 994px */
and (min-width : 480px) and (max-width : 991px){ 
	#ContenedorEdoClimaElTiempoEnMiCiudad {float:left; width:50%; border-right:3px solid #B3B3B3/*white*/;}
	.PronosticoA3Dias{width:50%; padding-top: 25px; font-size: 27px;}
}

@media only screen /* Caso Especial de 300px hasta 398px */
and (min-width : 300px) and (max-width : 398px){
	#ContenedorTituloCiudad {height: 43px;}
	.MapaDelTiempo{height: 376px;}	
}
@media only screen /* Caso Especial de 300px hasta 479px */
and (min-width : 300px) and (max-width : 479px){
	td.Temp, td.Dia {padding-top: 10px; font-size: 19px;}

}


@media only screen 
and (min-width : 1006px) and (max-width : 1214px){
	.MapaDelTiempoSliderPagPrincipal, #MainSlider {height: /*545px*/ 558px !important;}
}

@media only screen 
and (min-width : 0px) and (max-width : 1005px){
	.MapaDelTiempoSliderPagPrincipal, #MainSlider {height: 450px !important;}
}
/* ------------------------------- El Tiempo en mi ciudad en Index FIN ---------------------------------- */


/* ------------------------------- SubTopMenu en Index INICIO ------------------------------- */
.SubTopMenu > a { color: #808080; }
.SubTopMenu > a:link { color: white; /* 08-04-16, Aura: se cambio el color, antes: #808080;*/}
/*08-04-16, Aura: Se cambio el valor de la varible color */
.SubTopMenu > a:hover { color: white; /*antes: #207146*/ /*#289F54*/}
.SubTopMenu > a:visited { color: white; /*antes: #808080;*/}

#SubTopMenu {text-align: right; font-weight: lighter; color: grey; font-size:12px; /*display: inline;*/}
.SubTopMenu{ font-size: 12px; padding: 4px 0px 0px !important;}
.SubTopMenu > input[type="text"]{ height:27px; width:150px; font-family: 'Open Sans-Light'; font-size: 11px;  font-weight: lighter;	 text-align: left; /*border:#FF0000 1px solid;*/  -webkit-border-radius: 20px; -moz-border-radius:20px; border-radius: 20px; }	
.gsib_a{
    padding: 0px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input,
table.gsc-search-box td.gsc-input,
table.gsc-search-box td.gsc-input{
    padding: 0px !important;
}


.head-search{
   /*08-04-16, Aura: Se cambio el valor de la varible margin-bottom */
    margin-bottom: 0px; /*antes: 30px*/
}

@media (min-width: 1200px){
    #SubTopMenu > div.col-lg-4 {
        margin-left: 0px;
    }
}


@media only screen /* Caso 2 y 3 */
and (min-width : 995px) and (max-width : 1199px){
	.SubTopMenu > input[type="text"]{ width:68%;	margin-top: 10px; }
}

@media only screen 
and (min-width : 791px) and (max-width : 994px){
	.SubTopMenu > input[type="text"]{ width:93%;	margin-top: 10px; }
}


@media screen and (max-width: 767px){   /*antes 790px . 26-05-16, Aura*/
	.head-search{ text-align:center; /*margin-left:20%; */ }
	#SubTopMenu {text-align:center;}
	#FAQs { display:none;border:#FF0000 1px solid; }
	.SubTopMenu > input[type="text"]{ width:100%;	margin-top: 10px; }
	
}

@media only screen /* Caso 5 */
and (min-width : 481px) and (max-width : 767px){
	/*.SubTopMenu {padding-right: 22%;}*/
}


@media only screen and (min-width : 0px) and (max-width : 480px){
	/*.SubTopMenu { margin-left: -51px; padding-right: 0px; }*/
}
/* ------------------------------- SubTopMenu en Index FIN ------------------------------- */


/* ------------------------------- Estilo Posiciones INICIO ------------------------------- */
@media screen and (min-width: 768px){
	.t3-sl  { padding-bottom: 0px; padding-top: 0px; }
	.t3-module { margin-bottom: 0px;}
	}
	
	
@media (min-width: 1200px) {	
	.HojaEstilo{width: 1200px; padding: 0px 8px 8px; padding-top: 0px; -webkit-box-shadow: 1px 4px 21px -7px rgba(0,0,0,0.75); -moz-box-shadow: 1px 4px 21px -7px rgba(0,0,0,0.75); box-shadow: 1px 4px 21px -7px rgba(0,0,0,0.75);}
}
.t3-mainbody {padding-top: 0px; padding-bottom:0px; }
.col-sm-6, .col-xs-12, .col-sm-12 { padding-left: 5px; padding-right: 5px;}
.module-ct:after { clear: none; }
.t3-sl {padding-top: 0px;}
.t3-module { margin-bottom: 0px; }

/* ------------------------------- Estilo Posiciones FIN ------------------------------- */


/* ------------------------------- Menu del Index INICIO ------------------------------- */
.navbar-nav, .dropdown-menu{ font-size: 15px;} /*  se cambia el valor de 13 a 15 vmb */

.navbar-default {
	/*07-04-16, Aura: Se cambio el color de las varibles */
     background-color:#2c4838; /*#f6f6f6; 06jun19 */ /* black; se cambia 031218 vmb */ /*antes : #207146 /*#289F54 */
   /* border-color: black; 031218 vmb */ /*antes: #207146 /*#289F54 */
/* margin-top: 12px; */
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	/*08-04-16, Aura: Se cambio el color */
	background-color:#375443; /* #f6f6f6; 07jun19 */ /* black; se cambia 071218 */ /*antes: rgba(51,153,102,0.8); /* #51474F #576266;*/
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color:#D4C19C; /*#9D2449; 11-jun19 */  /* #576266; 16-Feb-19 vmb */
  border-bottom-color:#D4C19C; /*#9D2449; 11-jun19  /* #576266; 16-Feb-19 vmb */
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  	/*  08-04-16 , Aura: Se cambio el valor de color*/
        background-color:#375443; /*#FFF; 11-jun-19 */ /* #000; negro se cambio 071218 vmb */ /* antes: rgba(51,153,102,0.8) */ /*#576266*/
  	color:#fff;/*#C5C4C4; 11-jun-19 vmb */ /* gris 071218 vmb */  /* antes: #FFF*/
	text-decoration:underline;
}
/* 08-04-16, Aura: Se cambio el color*/
a { color:  #4a90e2; /* antes: #207146 */ ; text-decoration: none; cursor:pointer; }

.spanVerticalCenter{vertical-align: middle; padding-right: 10px;}
/*08-04-16, Aura: Se cambio el valor de la variable color */
.link{color: #4a90e2; /*antes: #289F54*/}
.link:hover{text-decoration: underline;}

.navbar-default .navbar-nav > .open > span, .navbar-default .navbar-nav > .open > span:hover, .navbar-default .navbar-nav > .open > span:focus {
	/* 08-04-16, Aura: se cambio el color */
	color:#fff; /*  #C5C4C4; 11-jun-19 vmb*/ /*antes: #FFF */ 
	background-color:#375443; /*#FFF; 11-jun-19 vmb */ /* #000; se cambia a blanco 230119 */ /* antes: rgba(51,153,102,0.8)*/ 
        text-decoration:underline;
}
.navbar-default .navbar-nav > li > span { 
	color:#fff;  /* #000; 06jun19 vmb */ 
	border-top: 1px solid #e0e0e0;
    	position: relative;
    	display: block; 
}/*se cambio el valor de la variable color #FFF; 031218, se agregaron las ultimas 3 lineas 140319  vmb */

.navbar-default .navbar-nav > li > span > .active > a,
.navbar-default .navbar-nav > li > span > .active > a:hover,
.navbar-default .navbar-nav > li > span > .active > a:focus{
 	color:  #9D2449;
 	background-color:#555555;
} /* agregada 260319 vmb */
.navbar-default .navbar-nav > li > span > .desabled > a,  
.navbar-default .navbar-nav > li > span > .desabled > a:hover,  
.navbar-default .navbar-nav > li > span > .desabled > a:focus{
        color: #CCC;
        background-color: transparent;
} /* agregada 260319 vmb */ 

.mega-nav >.dropdown-submenu > span {color: #28292a; /* 08-04-16,Aura: Se cambio el color, antes: #207146 */ 
text-decoration: none;}
 
.t3-megamenu .mega-nav > li span:hover, .t3-megamenu .dropdown-menu .mega-nav > li span:hover, .t3-megamenu .mega-nav > li span:focus, .t3-megamenu .dropdown-menu .mega-nav > li span:focus {text-decoration: none; color: #262626; background-color: #F5F5F5;} 

.dropdown-submenu > span:after {     
display: block;     
content: " ";     
float: right;     
width: 0px;     
height: 0px;     
border-color: transparent transparent transparent #CCC;     
border-style: solid;     
border-width: 5px 0px 5px 5px;     
margin-top: 5px;     
margin-right: -5px; 
}
.t3-megamenu .mega-nav .dropdown-submenu > span:after { margin-right: 0px; }
.dropdown-submenu > span:after { border-left-color: #9D2449;    /* #333; 18-Feb-19 */}

.dropdown-submenu > span{color:black; padding-left: 10px; /*se agrego 19-Feb-19 vmb*/ }   /* se cambio white; 240119 vmb */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626;  background-color: #289F54; /* 19-Feb-19 vmb */ }

.article-header{padding-top: 4px;}
/* ------------------------------- Menu del Index FIN ------------------------------- */


/* ------------------------------- Estado del Tiempo barra Index FIN ------------------------------- */
#EdoTiempoTemperaturaContenedor { 
	/*15-04-16, Aura: Se cambio el valor de color */
	float:left; width:100%; background-color:#909090/*#B3B3B3*//*#DDDBD7*//*#577483*/; color: #545454; /*antes: #333333*//*#5E5D5C*//*#FFF*/ /*font-family: "Open Sans",sans-serif;*/ /*font-family: arial,helvetica,sans-serif;*/ }
#EdoTiempoTemperaturaTitulo { float:left; width:100%; font-size: 22px; padding-top: 5px; padding-bottom: 5px; padding-left:5px; 
	/*16-05-16, Aura: Se cambio el valor de la variable background-color y se agrego la variable color */
	background-color: #393c3e; /*antes: #DDDBD7*/ 
	text-align: center; color: white; }
.Capitalize{text-transform:capitalize;}
.ContenedorResponsivoEdoTiempo{float:left; width:50%;}
.ContenedorResponsivoEdoTiempoSlider{float:left; width:100%;}



.EdoTiempoTemperaturaBloqIzq{ float:left; width:33.333%; border-right:1px solid #FFF; padding-left: 27px; padding-top: 29px; padding-bottom: 24px;  } 
.EdoTiempoTemperaturaBloqIzq:hover{background-color: #BABABA; cursor: pointer;}
.EdoTiempoTemperaturaBloqCentral{ float:left; width:33.333%; border-right:1px solid #FFF;  border-left: 1px solid grey; padding-left: 27px; padding-top: 29px; padding-bottom: 24px;  }
.EdoTiempoTemperaturaBloqCentral:hover{background-color: #BABABA; cursor: pointer;}
.EdoTiempoTemperaturaBloqDer{ float:left; width:33.333%; border-left: 1px solid grey; padding-left: 27px; padding-top: 29px; padding-bottom: 24px; }
.EdoTiempoTemperaturaBloqDer:hover{background-color: #BABABA; cursor: pointer;}

.EdoTiempoTemperaturaTxtAhora { padding-left:0px;}
.EdoTiempoTemperaturaTxtCiudad { font-size:18px; text-transform:uppercase; margin-top:-6px; }
.EdoTiempoTemperaturaTempActual { font-size:36px; font-weight:bold; margin-top: -9px; }
.EdoTiempoTemperaturaConcepto { margin-top: 0px /*15px*/; }
.EdoTiempoTemperaturaTempMax{ font-size:24px; }
.EdoTiempoTemperaturaTempMin{ font-weight:bold; }

@media only screen /* Caso 4 */
and (min-width : 768px) and (max-width : 994px){
	.EdoTiempoTemperaturaTxtCiudad {font-size: 14px;}
	.EdoTiempoTemperaturaTempMax {font-size: 16px;}
}



@media only screen /* Caso 5 */
and (min-width : 481px) and (max-width : 767px){ 
	.ContenedorResponsivoEdoTiempo {width:100%; border-bottom:1px solid white;}
 } 
 
@media only screen /* Caso 5 */
and (min-width : 306px) and (max-width : 379px){
	.EdoTiempoTemperaturaBloqIzq {height:425px;}
	.EdoTiempoTemperaturaBloqCentral {height:425px;}
	.EdoTiempoTemperaturaBloqDer {height:425px;}
}

 @media only screen /* Caso  */
and (min-width : 380px) and (max-width : 480px){
	.EdoTiempoTemperaturaBloqIzq {height:420px;}
	.EdoTiempoTemperaturaBloqCentral {height:420px;}
	.EdoTiempoTemperaturaBloqDer {height:420px;}
	}
 
 @media only screen /* Caso  */
   and (min-width : 300px)  and (max-width : 305px) {
     .EdoTiempoTemperaturaBloqIzq {height: 245px;}
     .EdoTiempoTemperaturaBloqCentral{height: 245px;}
     .EdoTiempoTemperaturaBloqDer{height: 245px;}
   }

 
 @media only screen /* Caso 5 */
and (min-width : 300px) and (max-width : 480px){
	#EdoTiempoTemperaturaTitulo { font-size: 17px; border-bottom: 2px solid #B3B3B3/*#FFF*/;}
	.ContenedorResponsivoEdoTiempo {width:100%; /*border-bottom:1px solid white;*/}
	
	.EdoTiempoTemperaturaBloqIzq img{position:absolute; top:0px; bottom:0px; margin:auto;}
	.EdoTiempoTemperaturaBloqCentral img{position:absolute; top:0px; bottom:0px; margin:auto;}
	.EdoTiempoTemperaturaBloqDer img{position:absolute; top:0px; bottom:0px; margin:auto;}
	
	.EdoTiempoTemperaturaBloqIzq {  width: 100%; border-right:0px solid #FFF; border-bottom: 2px solid #5E5D5C/*#B3B3B3 #FFF*/;  padding-left: 0px; padding-top: 0px; padding-bottom: 0px; position:relative;}
	.EdoTiempoTemperaturaBloqCentral {  width: 100%; border-right:0px solid #FFF; border-bottom: 2px solid #5E5D5C/*#B3B3B3 #FFF*/;  padding-left: 0px; padding-top: 0px; padding-bottom: 0px; position:relative;}
	.EdoTiempoTemperaturaBloqDer {  width: 100%; border-right:0px solid #FFF; border-bottom: 2px solid #5E5D5C/*#B3B3B3 #FFF*/;  padding-left: 0px; padding-top: 0px; padding-bottom: 0px; position:relative;}	
	
	.EdoTiempoAhoraYCiudad{ float: left; width: 33.333%; padding-top: 15px;}
	.EdoTiempoTemperaturaConcepto { margin-top : 0px; }
	.EdoTiempoTemperaturaTempActual { float: left; width: 33.333%; font-size: 40px; text-align: center; padding-top: 15px; }
	.EdoTiempoTemperaturaTempMax { text-align: center; font-size: 20px;} 
	.EdoTiempoTemperaturaTxtCiudad { font-size: 15px; padding-left: 5px;}
}


/* ------------------------------- Estado del Tiempo barra Index INICIO ------------------------------- */


/*-------------------------------indexNoticiasRecientes - INICIO-------------------------------*/
#ContenedorGralNoticiasRecientes{ width:100%; padding-top: 7px; padding-right: 3.5px; padding-bottom: 7px; overflow: hidden; }
.TituloNoticiasRecientes{ float:left; width:100%; background-color: #C4D82E; font-size: 19px; padding-left:12px; }

#ContenedorPublicacionNoticiasRecientes{ float:left; width:100%; background-color:rgba(87, 116, 131, 0.24); padding-bottom: 0.8%;}
.NoticiasContenedor{ float:left; width:100%; border-bottom: 1px solid grey; }
.NoticiasContenedorUltimo{ float:left; width:100%;}
.NoticiasFecha { float: left; width: 20%; text-align: center;}
span.NoticiasFechaFormato { display:inline-block; vertical-align:middle; line-height: 47px; }
.NoticiasTexto { float:left; width:75%; }
.NoticiasIcon { float: left; width: 5%; text-align: center; }
/*-------------------------------indexNoticiasRecientes - FIN-------------------------------*/


/*-------------------------------indexUltimosTweets - INICIO-------------------------------*/
#ContenedorGralUltimosTweets { width:100%; padding-top: 7px; padding-left: 3.5px; padding-bottom:7px; overflow: hidden; }
.TituloUltimosTweets { float:left; width:100%; background-color: #C4D82E; font-size: 19px; padding-left: 12px; }

#ContenedorTodosLosTweets { float:left; width:100%; background-color: rgba(87, 116, 131, 0.24); }
.ContenedorPaddingLineaTweet { /*padding: 8px 9px 5px;*/ padding: 4px 6px 1px; overflow: hidden; margin-bottom: 3.5px; }
.ContenedorLineaTextoTweet{ float:left; width:100%; background-color:white; }
#ContenedorImgTwitterSMN{ float:left; width:20%; padding: 6px 3px 3px 6px; }
.ImgTwitterSMN{ height:67px; width:67px; vertical-align: baseline;}
/*-------------------------------indexUltimosTweets - FIN-------------------------------*/

/*-------------------------------Productos - INICIO-------------------------------*/
.ContenedorGralProducto{ width:100%; padding-right: 5px; padding-left: 5px; margin-bottom: 5px; overflow: hidden;}
.TituloProducto{ float:left; width:100%; padding-left:5px; padding-top:8px; background-color: #577483; color:white; }
.ImgProducto{ float:left; width:100%; }
.ImgProductoEstilo{ width:100%; }
/*-------------------------------Productos - FIN-------------------------------*/


/*-------------------------------Temas de Interes - INICIO-------------------------------*/
.ContenedorTemasDeInteres { width:100%; padding-top:10px; padding-right: 11.5px; padding-left: 11.5px; }
.ContenedorTituloTemasDeInteres { 
	float: left;
    	width: 100%;
    	background-color: #f2f2f2;
    	height: 30px;
    	line-height: 26px;
}
.ContenedorTextoTituloTemasDeInteres {
    color: #545454;
    float: left;
    width: 80%;
    padding-left: 10px;
}
.ContenedorImagenTituloTemasDeInteres {
    float: left;
    width: 20%;
    text-align: right;
}
.ImgTemasDeInteresEstilo { width:100%; height: 173px;} /*27-04-16, Aura: se agrego la varible height */
.SombraEstiloA{ float: left;
        width: 100%; -webkit-box-shadow: 3px 4px 18px -9px #525252; box-shadow: 3px 4px 18px -9px #525252 }
/*-------------------------------Temas de Interes - FIN-------------------------------*/


/*-------------------------------Footer - INICIO-------------------------------*/
#ContenedorListaFooter { width:100%; /*08-04-16, Aura: Se cambio el color */
	background-color: #393b3c; /*antes: #515151*/ /*#414042*//*#577483*/ 
	color:#E7E7E7/*white*/; overflow: hidden; font-size: 12px; margin-top: 5px;}
.FooterLink/*:link*/ { color: #E7E7E7; font-size:14px;}/*08-04-16, Aura: Se comento ":link"*/
/*08-04-16, Aura: Se agrego el metodo focus*/
.FooterLink:hover,
.FooterLink:focus{ 
	/*Aura: Se cambio el valor de la variable color */
	color: #4a90e2; /*antes: #207146*//*#289F54*/ }
/*.FooterLink:visited { color: #E7E7E7; }*/ /*Aura: Se comento esta linea */

.ContenedorIndividualListaFooter { float:left; width:24%; padding: 10px; }
.Footer4ColumnsFormatoTitulo { font-size: 23px; /* text-transform: uppercase; vmillan 16-Feb-17 */ }
.ContenedorTituloYTextoFooter { float:left; width:100%; }
.listaSquareBullet{ color:white; list-style:square;  }
.listaSquareBulletBlack { /*13-04-16, Aura: Se comenta el color -> color: black;*/  list-style: outside none square; padding-left: 0px;}
.listaInternaNoBullet { list-style: none; } 
.bordeIzqBlanco { border-left: 1px solid white}
.bordeDerBlanco { border-left: 1px solid white}
hr.separadorVertical { 
	border: 0;
    width: 1px;
	height: 124px;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:    -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:     -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:      -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
	
	float:left; vertical-align:top; width:1px; height:220px;
} 

li.fb{
  padding:0.15em 0 0.5em 1.5em;
  margin-bottom:0.2em;
  text-indent:0.4em;
  font-weight:bold;
  list-style:none;
  background-repeat:no-repeat;
  background-image:url('../../../images/system/icons/icon_fb.png');
}
li.tw{
  padding:0.15em 0 0.5em 1.5em;
  margin-bottom:0.2em;
  text-indent:0.4em;
  font-weight:bold;
  list-style:none;
  background-repeat:no-repeat;
  background-image:url('../../../images/system/icons/icon_tw.png');
}
li.youtube{
  padding:0.15em 0 0.5em 1.5em;
  margin-bottom:0.2em;
  text-indent:0.4em;
  font-weight:bold;
  list-style:none;
  background-repeat:no-repeat;
  background-image:url('../../../images/system/icons/icon_youtube.png');
}
li.google{
  padding:0.15em 0 0.5em 1.5em;
  margin-bottom:0.2em;
  text-indent:0.4em;
  font-weight:bold;
  list-style:none;
  background-repeat:no-repeat;
  background-image:url('../../../images/system/icons/icon_google.png');
}

@media only screen /* Caso 4 */
and (min-width : 768px) and (max-width : 994px){
	.ContenedorIndividualListaFooter {width: 49%;}
	.separadorVerticalExcepcion{width: 0%;}
}

@media only screen /* Caso Especial de 510px hasta 768px */
and (min-width : 510px) and (max-width : 768px){ 
	.ContenedorIndividualListaFooter {width: 49%;}
	.separadorVerticalExcepcion{width: 0%;}
}
@media only screen /* Caso Especial de 300px hasta 509px */
and (min-width : 300px) and (max-width : 509px){ 
	.ContenedorIndividualListaFooter {width: 100%;}
	hr.separadorVertical{width:100%; height:1px;}
}
/*-------------------------------Footer - FIN-------------------------------*/


/*-------------------------------Nuestro Servicios - INICIO-------------------------------*/
.ImgNuestrosServicios{ width: 100%; padding: 6px;}
.ImgNuestrosServicios:hover{ -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32); -moz-box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.32); box-shadow:2px 2px 4px 0px rgba(50, 50, 50, 0.32);}

.ImgServiciosDatos{width:100%; height: 100%; background: url('../../../images/system/img/servicios/Servicios_Green_Datos.png')no-repeat center center fixed;    background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;}
.ImgServiciosDatos:hover{width:100%; height: 100%; background: url('../../../images/system/img/servicios/Servicios_Green_Datos_Hover.png')no-repeat center center fixed;   background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;}
/*-------------------------------Nuestro Servicios - FIN-------------------------------*/


/*-----------Plantilla Gral End----------------*/
#cboxTitle {text-align:center;}
h4, .h4 {font-size: 13px;}
.t3-megamenu .mega > .mega-dropdown-menu {
    min-width: 315px;
}
.copyright{text-align:center;}
/*-----------Plantilla Gral End---------------*/


/*-------------------------------Modulo VisPreferences [Aviso Prioritario] - INICIO-------------------------------*/
/*13-05-16, Aura: se agrego margin-top */ /* se agrego margin: 8px 3px 3px 3px; 05-mar-19 vmb*/
#index_AlertaSistemaFrontal_Rojo{background-color: #AF0102; color: #FFF;padding-left: 10px;padding-bottom: 1px;  text-align: justify; margin: 8px 3px 3px 3px;}
#index_AlertaSistemaFrontal_Amarillo{ background-color: #FFFF00;padding-left: 10px;padding-bottom: 1px;  text-align: justify; margin: 8px 3px 3px 3px;}
#index_AlertaSistemaFrontal_Verde{ background-color: #40B549;padding-left: 10px;padding-bottom: 1px;  text-align: justify; margin: 8px 3px 3px 3px;}
#index_AlertaSistemaFrontal_Naranja { background-color: #FF9933;padding-left: 10px;padding-bottom: 1px;   text-align: justify; margin: 8px 3px 3px 3px ;}

@media only screen /* Caso 2 y 3 */
and (min-width : 0px) and (max-width : 540px){ 
	#index_AlertaSistemaFrontal_Rojo, #index_AlertaSistemaFrontal_Amarillo, #index_AlertaSistemaFrontal_Verde, #index_AlertaSistemaFrontal_Naranja{text-align: center;}
}
/*-------------------------------Modulo VisPreferences - FIN----------------------------------*/


/*-------------------------------Modulo VisPreferences [Aviso Prioritario] - INICIO-------------------------------*/
/*13-05-16, Aura: Se agrego margin-top, se comento padding-top y margin */
.Aviso_Temporada_Contenedor_General{
	cursor: pointer; float:left; 
	/* width: 92%; comentado por vmillan 16-may-17 */ 
	margin-top: 5px;  margin-right:5px; /* margin-left: 5px; 05-mar-19 vmb  padding-top: 5px; margin: 5px; */}
.Aviso_Temporada_Barra_AS{  /* agregado 06-mar-19 vmb */
	text-align: right;
	background: #f2f2f2;
	margin: -5px 3px 0px 4px;
        }
.Aviso_Temporada_Img_noticia_Contenedor{float:left; width:100%; height:36px; text-align:center; background-color: #424142;}
.Aviso_Temporada_Img_Estilo{width:34px; padding-top:1px; padding-bottom:2px;}
.Aviso_Temporada_Encabezado_Noticia_Contenedor{
	/*14-04-16, Aura: Se agrego font-family */
	font-family: "SoberanaSans"; 
	float:left; width:100%; height:36px; padding-top: 3px; text-align:center; background-color:#f2f2f2; /*#E2E2E2; 06-mar-19 vmb */ padding-left: 3px; padding-right: 3px; }
/*.aviso_temporada_img_noticia_0{background-color:#DDDCD7 !important;}*/
.aviso_temporada_goToSlide_text{ font-size: 12px; cursor:pointer;}
.aviso_temporada_goToSlide{width:17px;}
/*-------------------------------Modulo VisPreferences [Aviso Prioritario] - FIN-------------------------------*/



/*---------------- Inicio Avisos Regionales vmillan: agregado 04-Abril-17 ---*/

.AvisoRegional_Contenedor_General{cursor: pointer; float:left; /* width:19.58%;*/  margin-left: 4px; margin-bottom: 5px;}

.AvisoRegional_Img_noticia_Contenedor{float:left; width:100%; height:36px; text-align:center; background-color: #424142;}

.AvisoRegional_Img_Estilo{width:34px; padding-top:2px; padding-bottom:2px;}

.AvisoRegional_Encabezado_Noticia_Contenedor{font-family: "SoberanaSans"; width:100%; height:36px; padding-top: 6px; text-align:center; background-color: #E2E2E2; padding-left: 30px; padding-right: 30px;}

.AvisoRegional_goToSlide_text{ font-size: 10PX; cursor:pointer; }
.AvisoRegional_goToSlide{width:17px;}

/* .elem_notice_hidro{
          display: table;
                  width: 100%;
                          text-align: center;
                                  text-align: -webkit-center;
                                  }
*/
.fondo_azul{text-align: center; padding-top: 2px;  background: linear-gradient(135deg, #7299d0 0%,#7299D0 50%,#88a7d7 51%,#88a7d7 100%);}

.fondo_verde{text-align: center; padding-top: 2px;  background: linear-gradient(135deg, #83c98e 0%,#83c98e 50%,#99d1a0 51%,#99d1a0 100%);}

.fondo_mostaza{text-align: center; padding-top: 2px;  background: linear-gradient(135deg, #c9c173 0%,#c9c173 50%,#d2ca8a 51%,#d2ca8a 100%);}

.fondo_anaranjado{text-align: center; padding-top: 2px;  background: linear-gradient(135deg, #e19b77 0%,#e19b77 50%,#e6ac8a 51%,#e6ac8a 100%);}

.fondo_morado{text-align: center; padding-top: 2px;  background: linear-gradient(135deg, #9c469a 0%,#9c469a 50%,#a965a9 51%,#a965a9 100%);}


/*---------------- Fin Avisos Regionales vmillan: agregado 04-Abril-17 ---*/






@media only screen /* Caso 2 y 3 */
and (min-width : 990px) and (max-width : 1199px){ 
	#aviso {height: 78%;}
 }
.dropdown-toggle{color:white;}
.t3-megamenu .nav .caret, .t3-megamenu .dropdown-submenu .caret, .t3-megamenu .mega-menu .caret {border-top-color:#D4C19C; /*#9D2449; 11-jun-19 */ /*#FFF; 16-Feb-19 vmb */}
 
 
 
/*-------------------------------Visor general - INIICIO-------------------------------*/ 
.visor-general{width: 100%; height: 1080px; border: 0px; min-height:1010px; }


@media only screen and (min-width : 320px) and (max-width : 699px){
.visor-general{min-height:920px; }
	}

/*-------------------------------Visor general - FIN-----------------------------------*/


/*-------------------------------Grafica general - INIICIO-------------------------------*/ 
.grafica-general{width: 100%; height: 600px; border: 0px;}
/*-------------------------------Grafica general - FIN-----------------------------------*/ 

/*-------------------------------Visnews Comunicados de prensa - INICIO-------------------------------*/ 
.selectDiv:hover{background-color:#f2f2f2; color:#9D2449; /* #DDDBD7; se agrego la variable color 080319 vmb */ }

.fondo{ margin:auto; overflow:hidden; 
	/*08-04-16, Aura: Se cambio el valor de la variable background-color */
	background: white; /*antes: #DDDBD7*/
	padding-bottom: 15px;  }
.index_Contenedor_textos{ /* font-size:13px; */  /*14-04-16, Aura: Se cambio font-size (antes 12px) y se comento la varible color -> color:#231F20;*/  width:70%;  padding-top:3px;}
.index_fecha_noticia{ padding-right:10px; float:left; width:100%; margin-top:-10px;}

#index_titulo_noticias{ /* 14-04-16, Aura: se comento el color -> color: #5E5D5C; 08-08-16, se agrego font-weight y se cambio el color de border */  font-size: 22px; margin-bottom: 15px; /*padding-left:0px; 070319 vmb */ border-bottom: 1px solid #dce0e0; /*#FFFFFF; font-weight: bold; 07-mar-19 */ width:95%; margin-left:12px; padding-top:25px;}
/*--Inicio -- 08-08-16, Aura: Se agrego nuevo metodo para after */
#index_titulo_noticias:after{
    content: " ";
    width: 35px;
    height: 5px;
    background-color:#9D2449; /*#d0021b; 070319 vmb */
    display: block;
    position: absolute;
}/*--Fin*/
#index_Contenedor_Noticias { border:1px solid #EFF0EF; /* -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; 070319 vmb */ height:100%; background:#FFF; padding-left:10px; padding-right:10px; width:96%; /*margin-left:10px; margin-right:10px;*/ margin:auto;}
#index_ver_mas { color:#FFFFFF; text-align:center; background-color: #424242; width:96%; height:25px; margin:auto; /* -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; */
margin-bottom:1px; }
#index_ver_mas a { color:#FFFFFF; padding:5px;}

.index_imagen_noticia {  /*float:right; padding-right:15px; margin-top:-5px;*/}
.index_titulo_noticia{ /*float: left;*/ padding-left: 21px; display: block; height: 30px; /*word-break: break-all;*/ width: 78%; }

#index_noticia{ width:100%; height:70px; padding-top:5px;}
.bord_1{ border-bottom:#dce0e0 1px solid;}
.bord_2{ border-bottom:#dce0e0  1px solid;}
.bord_3{ border-bottom:#dce0e0 1px solid;}
.bord_4{ border-bottom:#dce0e0 1px solid;}

.vineta-cua{ float:left; padding-top:25px; padding-left: 10px; }

						/*Restructuracion Ver 1.0 26-03-2015 INICIO*/
	.comunicados_contenedorIMG_flecha{width: 100%; display: block; text-align: center;}
	.comunicados_contenedor_fecha_e_icono{float:right;}
						/*Restructuracion Ver 1.0 26-03-2015 FIN*/


.t3-content {

   padding-top: 0px;
   padding-bottom: 0px;

}

.index_imagen_noticia_interna{display:none;}
    

@media screen and (min-width : 576px) and (max-width : 640px){
	.index_titulo_noticia { width: 75%; }
}
@media screen and (min-width : 492px) and (max-width : 575px){
	.index_titulo_noticia { width: 70%; }
}
@media screen and (min-width : 492px) and (max-width : 575px){
	#index_noticia { height: 75px; }
}

@media screen and (min-width : 434px) and (max-width : 491px){
	.index_titulo_noticia { width: 65%; }
}
@media screen and (min-width : 390px) and (max-width : 434px){
	.index_titulo_noticia { width: 60%; }
	#index_noticia { height: 85px; }
}
@media screen and (min-width : 356px) and (max-width : 389px){ 
	.index_titulo_noticia { width: 55%; }
	#index_noticia { height: 150px; }
}
@media screen and (min-width : 0px) and (max-width : 356px){ 
	.index_titulo_noticia { width: 100%; }
	#index_noticia { height: 99px; } 
	.comunicados_contenedor_fecha_e_icono{width: 100%;}
	.vineta-cua {margin-top: 15px;}
	.comunicados_fecha_estilo{ display:inline-block; }
	.index_fecha_noticia{width: 93%;}
	.index_imagen_noticia_interna{display:inline-block;}
	.index_fecha_noticia { width: 100%;}
	.index_imagen_noticia{display:none;}
	.fondo { /*padding-right: 10px;*/ }
}


/*
@media screen and (min-width : 992px) and (max-width : 1199px){
#index_Contenedor_Noticias{ margin-left:15px;}
	#index_noticia{ height:80px; }
	.index_imagen_noticia {  margin-top:10px; margin-right:-233px;}
	#index_ver_mas {margin-left:15px;}
	input[type="search"]{}
    }

@media screen and (min-width : 801px) and (max-width : 991px){
#index_Contenedor_Noticias{ margin-left:20px; padding-right:21px; }
	#index_noticia{ height:80px; }
	.index_imagen_noticia {  margin-top:-15px; }
	#index_ver_mas {margin-left:20px;}
	input[type="search"]{}
    }
@media only screen and (min-width : 519px) and (max-width : 800px){ 
	#index_Contenedor_Noticias{ margin-left:12px; padding-right:21px; }
	#index_noticia{ height:80px; }
	.index_imagen_noticia {  margin-top:-15px; }
	#index_ver_mas {margin-left:12px;}
	input[type="search"]{}
 }
	
@media only screen and (min-width : 480px) and (max-width : 518px){
	#index_Contenedor_Noticias{ margin-left:10px; }
	#index_noticia{ height:80px; }
	.index_imagen_noticia {  margin-top:-15px; }
	#index_ver_mas {margin-left:10px;}
	input[type="search"]{}
}
@media screen and (min-width : 351px) and (max-width : 479px){
	#index_Contenedor_Noticias{margin-left:9px; }
	#index_noticia{ height:80px; }
	.index_imagen_noticia {  margin-top:-20px; }
	#index_ver_mas {margin-left:9px;}
	input[type="search"]{}
	}
@media screen and (min-width : 321px) and (max-width : 350px){
	.index_Contenedor_textos{  }
	#index_Contenedor_Noticias{ margin-left:5px; }
	#index_noticia{ height:80px; }
	.index_imagen_noticia {  margin-top:-20px; }
	#index_ver_mas {margin-left:5px;}
	input[type="search"]{}
	}
	
@media screen and (max-width : 320px){
	#index_Contenedor_Noticias{width:250px; margin-left:20px; }
	#index_noticia{ height:95px; }
	.index_imagen_noticia {  margin-top:-20px; }
	#index_ver_mas { width:250px; margin-left:20px;}
	input[type="search"]{}
	}*/
/*-------------------------------Visnews Comunicados de presnsa - FIN-----------------------------------*/


/*-------------------------------Ultimos Tweets - INICIO-------------------------------*/ 
	#encabezadoTwitter {color: #5E5D5C; font-size: 20px; margin-bottom: 10px; padding-left:0px;  border-bottom: 1px #FFFFFF solid; width:95%; margin-left:16px; padding-top:20px;}
	#contenedorTwitter {border:1px solid #EFF0EF; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; height:100%; background:#F2F2F2; width:96%; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:10px;}/*Contenedor ovalado verde*/
	#footerTwitter {color:#FFFFFF; text-align:center; background-color: #595A5A; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; width:96%; margin-left:auto; margin-right:10px;}

	#tweet,
	.tweet-ellipsis	{
		height: 34px;
		padding-left: 0px;
		color:#231F20;
		width:100%;
		overflow: hidden;
	}/*amarillo texto de twee*/
	
	#tweet > a { color:#0066FF; text-decoration: none;}
	#cuentaTwitter{color:#8D8D8D; font-weight:bold;}/**/
	
	.leftTwitter{  float:left; width: 40px;}
	.rightTwitter{
    float:none;
    /*-Style-*/
    color: black; font-size: 12px; vertical-align: middle;  padding-left: 54px; padding-bottom: 5px; width:100%; /*height:54px;*/
	
	/* color: black; font-family: "Open Sans",sans-serif; font-size: 12px; vertical-align: middle;  padding-left: 54px; width:96%; /*width: 91%;*/
    /*-Style-*/
}

@media screen and (min-width : 992px) and (max-width : 1199px){
	#contenedorTwitter{/*margin-right:25px;*/ margin: auto; padding-right:21px;}
	#footerTwitter{/*margin-right:25px;*/ margin: auto;}
    }
@media screen and (min-width : 801px) and (max-width : 991px){
	#contenedorTwitter{/*margin-right:10px;*/ margin: auto; padding-right:21px;}
	#footerTwitter{/*margin-right:10px;*/ margin: auto;}
    }
@media only screen and (min-width : 519px) and (max-width : 800px){ 
	#contenedorTwitter{/*margin-right:12px;*/ margin: auto; padding-right:21px;}
	#footerTwitter{/*margin-right:12px;*/ margin: auto;}
	.rightTwitter {/*height:74px;*/ width:100%; }
 }
@media only screen and (min-width : 480px) and (max-width : 518px){
	#contenedorTwitter{/*margin-right:10px;*/ margin: auto; padding-right:10px;}
	#footerTwitter{/*margin-right:10px;*/ margin: auto;}
	.rightTwitter {/*height:84px;*/ width:100%; }
}
@media screen and (min-width : 351px) and (max-width : 479px){
	#contenedorTwitter{/*margin-right:10px;*/ margin: auto;}
	#footerTwitter{	/*margin-right:10px;*/ margin: auto;}
	.rightTwitter {/*height:84px;*/ width:100%; }
	}
@media screen and (min-width : 321px) and (max-width : 350px){
	#contenedorTwitter{/*margin-right:5px;*/ margin: auto; padding-bottom:2px;}
	#footerTwitter{/*margin-right:5px;*/ margin: auto;}
	.rightTwitter {/*height:84px;*/ width:100%; }
	}
@media screen and (max-width:320px){
	#contenedorTwitter{width:250px; /*margin-right:20px;*/ margin: auto;}
	#footerTwitter{width:250px; /*margin-right:20px;*/ margin: auto;}
	.rightTwitter {/*height:100px;*/ width:100%; }
	}	

	
@media screen and (max-width:450px){
	.ContenedorIndividualListaFooter{width:100%; margin-top:5px;}
	hr.separadorVertical {height:0px;}
	#ContenedorListaFooter {font-size:9px;}
}
	
/*-------------------------------Ultimos Tweets - FIN-----------------------------------*/


/*-------------------------------Centrar IMG y TXT en td INICIO-----------------------------------*/
.tdIMGCenterGral{display: block; margin: 0 auto;}
.tdIMGCenter {width: 32px; height: 32px; display: block; margin: 0 auto;}
.tdTextCenter {text-align: center;}

tr.visforms_XLStable_column_odd_dinamic > td {text-align:left;}
tr.visforms_XLStable_column_even > td  {text-align:left;}
tr.visforms_XLStable_row_header > th {text-align:center;}
/*-------------------------------Centrar IMG y TXT en td FIN--------------------------------------*/


/*------------------------------- Controles de Formulario INICIO-----------------------------------*/
/*
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
display: inline-block;
height: 18px;
padding: 4px 6px;
margin-bottom: 9;
font-size: 13px;
line-height: 18px;
color: #555;
border-radius: 3px;
vertical-align: middle;
}*/
/*------------------------------- Controles de Formulario FIN-----------------------------------*/


/*------------------------------- Temperatura Máxima & Minima INICIO-----------------------------------*/
.EdoTiempoTemperaturaTempMax{color:#2E499F;}
#ContenedorTempMaxMinGeo{ color:#2E499F;}

.TempMin{ color:#E5691D; font-weight:bold; }
.EdoTiempoTemperaturaTempMin{ color:#E5691D; font-weight:bold;}
/*------------------------------- Temperatura Máxima & Minima FIN-----------------------------------*/

/*-----19-04-16, Aura: Se creo una clase para Titulos de Modulos */
.modulo_tituloPortada{
	border-bottom: 1px solid #dce0e0;
    margin-bottom: 15px;
	padding-top: 5px;
    font-size: 26px;
}
.modulo_tituloPortada:after{
	content: " ";
    width: 35px;
    height: 5px;
    background-color: #d0021b;
    display: block;
    position: absolute;
}

/*------------------------------- Climatologia Portada INICIO-----------------------------------*/
.climatologia_tituloLineaIzq{float:left; width:41%;}
.climatologia_tituloLineaDer{float:left; width:43%;}
.climatologia_tituloCentral{float:left; width:15%; text-align:center; padding-top: 5px; font-size: 20px; /*text-transform: uppercase;*/}

/*--08-04-16, Aura: Se cambio el valor de la variable background-color y border-left*/
.recuadroVerde{ float: left; width: 5px; height: 251px; background-color: #d0021b; /*antes: #289F54*/;}
.trianguloVerde {float:left; width:0px; height:0px; border-top:10px solid transparent; border-left:10px solid #d0021b /*antes: #289F54*/; border-bottom:10px solid transparent; margin-right: 5px; margin-top: 70px;}

/*22-04-16, Aura: se agrego la varible border */
.divClimatologia_IMGPortada{ 
	border-right:5px solid #d0021b;
	float: left; width:45%;}
.contenidoTextoClimatologia_Portada{float: left; width:52%;  
	/*15-04-16, Aura: Se cambio el valor de color y font-size */
	color:#777777; /*antes: white*/ font-size: 13px; /*antes: 11px*/ 
	margin-top: 8px; text-align: justify; text-justify: inter-word;}
.climatologia_IMGPortada {width: 100%;}
.climatologia_IMGPortadaSquare {width: 100%; display:none;}

@media only screen /* Caso 2 y 3 */
and (min-width : 990px) and (max-width : 1199px){ 
	.climatologia_tituloLineaIzq{width:39%;}
	.climatologia_tituloCentral{width:17%;}
	.recuadroVerde{height: 207px;}  
}
@media only screen /*21-04-16, Aura: Nueva clase*/
and (min-width : 837px) and (max-width : 1020px){  
	.contenidoTextoClimatologia_Portada {font-size:12px;}   
}
@media only screen /*26-04-16, Aura: Nueva clase*/
and (min-width : 768px) and (max-width: 836px){  
	.contenidoTextoClimatologia_Portada {font-size:11px;}   
}
@media only screen /* Caso 4 */
and (min-width : 768px) and (max-width : 994px){ 
	.climatologia_tituloLineaIzq{width:36%;}
	.climatologia_tituloCentral{width:24%;}
	.climatologia_tituloLineaDer{width:39%;}
	.recuadroVerde{height: 258px;} 
	.climatologia_IMGPortada{display:none;}
	.climatologia_IMGPortadaSquare { display:initial;}
}
/*
@media only screen 
and (min-width : 481px) and (max-width : 767px){ 
	.climatologia_IMGPortada{display:none;}
	.climatologia_IMGPortadaSquare { display:initial;}
	
	.recuadroVerde{height: 254px;}
	
	.contenidoTextoClimatologia_Portada{width: 46%; font-size: 10px;}
	.divClimatologia_IMGPortada{width: 50%;}
}*/

 @media only screen /* Caso Nuevo 679px to 767px  */
and (min-width : 627px) and (max-width : 767px){ 
	.climatologia_tituloLineaIzq{width:34%;}
	.climatologia_tituloCentral{width:26%;}
	.climatologia_tituloLineaDer{width:39%;}
}

@media only screen /* Caso Nuevo 679px to 767px  */
and (min-width : 300px) and (max-width : 627px){
	.climatologia_tituloLineaIzq{display:none;}
	.climatologia_tituloCentral{width:100%;}
	.climatologia_tituloLineaDer{display:none;}
 }

 
 @media only screen /* Caso 6 Especial 300px to 480px */
and (min-width : 300px) and (max-width : 767px){
	.climatologia_IMGPortada{display:none;}
	.climatologia_IMGPortadaSquare { display:none;}
	.recuadroVerde{display:none;}
	.trianguloVerde{display:none;}  /*22-04-16, Aura: Se comento lo de font-size */
	.contenidoTextoClimatologia_Portada{width: 100%; /* font-size: 11px; */ padding:5px;}
	.divClimatologia_IMGPortada{display:none;}
}

.tablaClimatologiaBotonesAccesoVerdes {width: 93%; margin-left: 3%; margin-right: 3%; height: 275px;}
@media only screen /* Caso Especial 316px a 994px  */
and (min-width : 300px) and (max-width : 994px){
.tablaClimatologiaBotonesAccesoVerdes{height:auto;}
}


@media only screen /* Caso Especial 316px a 994px  */
and (min-width : 300px) and (max-width : 994px){

	
	table > .climatologiatable, thead > .climatologiatable, tbody > .climatologiatable, th > .climatologiatable, td > .climatologiatable, tr > .climatologiatable { 
		display: block; 
	}
	
	td > .climatologiatable, th > .climatologiatable {padding-bottom: 5px;}
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr > .climatologiatable { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { /*border: 1px solid #ccc;*/ }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		/*border-bottom: 1px solid #eee; */
		position: relative;
		/*padding-left: 50%; */
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	
	td:nth-of-type(1):before { content: "First Name"; }
	td:nth-of-type(2):before { content: "Last Name"; }
	td:nth-of-type(3):before { content: "Job Title"; }
	td:nth-of-type(4):before { content: "Favorite Color"; }
	td:nth-of-type(5):before { content: "Wars of Trek?"; }
	td:nth-of-type(6):before { content: "Porn Name"; }
	td:nth-of-type(7):before { content: "Date of Birth"; }
	td:nth-of-type(8):before { content: "Dream Vacation City"; }
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
}
/*------------------------------- Climatologia Portada FIN-----------------------------------*/

/*------------------------------- Aviso Meteorológico-----------------------------------*/
	.righttext {float:none; text-align:center; color: white; font-size: 22px; vertical-align: middle; width: 100%;}
	#AvisoMeteorologicoContenido{ font-size:11px; text-transform:uppercase;}
	.texto2 {
		width: 90%;
		margin-top: 15px;
		margin-left: 5%;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
@media only screen and (max-width : 375px){ 
	.texto2 { margin-top: 5px;}
}

@media only screen and (min-width : 411px) and (max-width : 435px){ 
	.righttext {font-size: 20px;}
}	
	.tsemaforo{ float:left; color:#FFFFFF; font-family: "Open Sans",sans-serif; font-size: 12px;}

@media only screen and (min-width : 414px) and (max-width : 499px){ 
	.tsemaforo{font-size: 10px;}
	/*.righttext{font-size: 15px;}*/
 }
 
@media only screen and (min-width : 385px) and (max-width : 413px){ 
	/*.righttext{font-size: 14px; width:45%; padding-left:74px; padding-top:22px; margin-left:74px;}*/
 }
 
 @media only screen and (min-width : 320px) and (max-width : 384px){ 
	/*.righttext{font-size: 14px; width:45%; padding-left:45px; padding-top:22px; margin-left:74px;}*/
 }
/*------------------------------- Aviso Meteorológico FIN-----------------------------------*/

/*------------------------------- Articulo visión y misión FIN-----------------------------------*/
.imgmivis{ width:30%; }
.imgmivis2{ width:100%; padding-left: 15px; text-align: center;}
/*.article-content img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}*/
.imagenesResponsivas img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
 
@media only screen and (min-width : 320px) and (max-width : 767px){ 
	.imgmivis{width:29%; float:right; margin:0px 15px 15px 0px;}
	
 }
 
@media only screen and (min-width : 414px) and (max-width : 1199px){ 
	.imgmivis2{width:80%;}
	
 }


/*------------------------------- Articulo visión y misión FIN-----------------------------------*/
/*------------------------------- Modelos de pronóstico numérioco-----------------------------------*/
/*
#nombre{
    background:#289F54;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 3px;
    margin-bottom: 15px;
}
*/
/*------------------------------- Modelos de pronóstico numérioco FIN-----------------------------------*/


/*---------------------FANTASMA INICIO----------------------*/
.index_AlertaSistemaFrontal_Rojo_fantasma{background: #AF0102; color: #FFF;}
.index_AlertaSistemaFrontal_Amarillo_fantasma{ background: #F3BB39;}
.index_AlertaSistemaFrontal_Verde_fantasma{ background: #40B549;}
.index_AlertaSistemaFrontal_Naranja_fantasma{ background: #F93;}
#fantasma{

    display: none;
    background: lightslategrey;
    opacity: 0.5;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 9999;
}

#fantasma_aviso {
  width: 60%;
  padding: 30px;
  padding-top: 15px;
  display: none;
  text-align: center;
  position: absolute;
  z-index: 99999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  top: 25%;
  margin-left: 20%;
}

#cerrar_fantasma{
    float: right; 
    color: blue; 
    margin: -10px;
}
/*---------------------FANTASMA FIN----------------------*/

/*---------------------Acordeon EStilo INICIO----------------------*/
.acordeon-menu-nolink{color:white;}
/*---------------------Acordeon Estilo FINAL----------------------*/

/*------------------------------- Pronostico Portada INICIO-----------------------------------*/
.tablaPronosticosBotonesAccesoVerdes{
	width: 93%;
	margin-left: 3%;
	margin-right: 3%;
	/*height:100%;*/
}
/*------------------------------- Pronostico Portada FIN-----------------------------------*/

/*------------------------------- Ciclones Tropicales Portada INICIO-----------------------------------*/
.ciclonesTropicales_tituloCentral{ float: left; width: 20%; text-align: center; padding-top: 5px; font-size: 17px; /*text-transform: uppercase;*/ }
.ciclonesTropicales_tituloLineaDer{ float: left; width: 39%; }
.ciclonesTropicales_tituloLineaIzq {float: left; width: 39%; }

@media only screen /* Caso 2 y 3 */
and (min-width : 990px) and (max-width : 1199px){ 
	.ciclonesTropicales_tituloLineaIzq{width:39%;}
	.ciclonesTropicales_tituloCentral{width:23%;}
	.ciclonesTropicales_tituloLineaDer{width:38%;}
}

@media only screen /* Caso 4 */
and (min-width : 768px) and (max-width : 994px){ 
	.ciclonesTropicales_tituloLineaIzq{width:36%;}
	.ciclonesTropicales_tituloCentral{width:31%;}
	.ciclonesTropicales_tituloLineaDer{width:33%;}
}
 @media only screen /* Caso Nuevo 679px to 767px  */
and (min-width : 627px) and (max-width : 767px){ 
	.ciclonesTropicales_tituloLineaIzq{width:28%;}
	.ciclonesTropicales_tituloCentral{width:42%;}
	.ciclonesTropicales_tituloLineaDer{width:29%;}
}

@media only screen /* Caso Nuevo 679px to 767px  */
and (min-width : 300px) and (max-width : 627px){
	.ciclonesTropicales_tituloLineaIzq{display:none;}
	.ciclonesTropicales_tituloCentral{width:100%;}
	.ciclonesTropicales_tituloLineaDer{display:none;}
 }
/*------------------------------- Ciclones Tropicales Portada FIN-----------------------------------*/

/*------------------------------- Pronóstico Regional Start -----------------------------------*/
.titulo-pronostico2{ font-family: "Open Sans",sans-serif; font-size:14px; }
.titulo-sistenamete4{ padding-top:2%; }
.titulo-descripcion5{ padding-top:0%; /* 2%*/ text-align:justify;}
.titulo-descripcionGeneral{ padding-top:0% /*2%*/; text-align:justify;  padding-bottom:0% /*2%*/;}
.imagen-pronostico{ float:left; width:auto; margin-right:35px;}
.titulo-pron-hoy6{ float:center; padding-top:30px; font-weight: bold; bottom:10px; text-decoration: underline; padding-bottom: 10px;}
.informacion-pronostico7{margin-bottom:8%; text-align:justify; padding-top:0px/*10px*/; }
.titulo-prono-dias8{ border-bottom:#000000 1px solid; margin-bottom:5px/*10px*/; font-weight: bold; padding-top: 35px/*45px 30px*/; margin-top: 20px; font-size: 16px}
.titulo_Gral_Caso1{ /*19-04-16, Aura: Se cambio el color de border y font-size */
	border-bottom: 1px solid #dce0e0; /*antes: #000000*/  margin-bottom: 15px; /* font-weight: bold;020419 vmb */  padding-top: 35px; margin-top: 20px; font-size: 20px; /*antes: 18px 020419 vmb */}
/*--Inicio -- 18-04-16, Aura: Se agrego nuevo metodo para after */
.titulo_Gral_Caso1:after{
	content: " ";
    width: 35px;
    height: 5px;
    background-color: #9D2449;  /* #d0021b; 020419 vmb */
    display: block;
    position: absolute;
}/*--Fin*/
.titulo-formulario-general{ /*19-04-16, Aura: Se cambio el color de border y font-size */
border-bottom: 1px solid #dce0e0; /*antes: #000000*/ margin-bottom: 15px; font-weight: bold; /*padding-top: 2%; */   font-size: 18px;}
/*--Inicio -- 19-04-16, Aura: Se agrego nuevo metodo para after */
.titulo-formulario-general:after{
	content: " ";
    width: 35px;
    height: 5px;
    background-color: #d0021b;
    display: block;
    position: absolute;
}/*--Fin*/
.info-prono-dias9{ margin-bottom:30px; text-align:justify; }
.tabla-excel10{float:left; padding-right:15px; width:70%; text-align:right; margin-top:22px; }
	th.tabla  {background-color: #FFFBEC;  /* 14-04-16, Aura: se comento la variable color -> color:#000000; */  text-align:center; height:50px; vertical-align:middle !important;}
	tr.visforms_XLStable_row_header > th {background-color: #FFFBEC;}
	.visforms_XLStable_row_odd{ background-color:#F9F9F9;}
	.visforms_XLStable_row_even{ background-color:#FFFFFF;  }
	
	td.colTempAlta {color:#FF0000; text-align:center; vertical-align:middle !important; }
 	td.colTempBaja {color:#39C7F4; text-align:center; height:50px; vertical-align:middle !important;}
	/*25-04-16, Aura: Se agrego la varible font-size */
	td.colTempGeneral {text-align:center; height:/*50px*/37px; vertical-align:middle !important; font-size: 13px !important; }
	.cc{text-align:center; vertical-align:middle !important;}
	.colum-Encab{font-weight: bold; padding-bottom: 10px; text-align:center; vertical-align:middle !important;}
	.colum-Encab-Izq{text-align:left; vertical-align:middle !important;}
	.1{ border:#00FF00 1px solid;}
.imagen-satelite11{ border:#00FF33 1px solid;}
.titulo-img-satelite12{ font-size:14px /*12px*/; font-style:italic; /*float:right; padding-right:18px; <-Se comenta por que mete ruido en el formulario de Pronóstico Regional para el Valle de México*/ text-align:center; padding-bottom:10px; font-family:Open Sans;}
.titulo-img-centrada{ font-size:12px; font-style:italic; text-align:center; padding-bottom:10px; font-family:Open Sans; padding-right:18px;}
.descripcion-img-sate{width:27.5%;  float:right; right:1%; }
.titulo12{ width:27.5%; margin-left:90px; position:absolute; right:1%; padding-top:25%;}
.reportes-actualizados14{ border-bottom:#000000 1px solid; font-family:Open Sans-ExtraBold; clear:both; padding-top: 45px /*30px*/ }
.reportes-actualizadosCM{ width:20%; font-weight:bold; padding-top:15px; float:left;  clear:both; }
.reportes-actualizadosDescCM{ width:80%; float:right; padding-top:15px; }
.temperaturasMaximas20{ width:100%;  padding-top:15px; clear:both; float:left; font-family:Open Sans-ExtraBold; }
.temperaturasMinimas22{ width:100%;  padding-top:15px; float:right; font-family:Open Sans-ExtraBold; padding-left: 10px; }
.descripcionTMaximas21{ width:100%;  padding-top:15px; float:left;}
.descripcionTMinimas23{ width: 100%;  padding-top:15px; float:right; padding-left: 10px;}
.lluviasMaximas{ width:100%;  padding-top: 10px /*45px*/ /*30px*/; clear:both; /*border-bottom:#000000 1px solid; <-Se comenta por que mete ruido en el formulario de Pronóstico Regional para el Valle de México*/ font-family:Open Sans-ExtraBold; }
.descipcionLLMaximas{ width:100%; margin-top:15px; font-weight:bold; background-image: url("../images/vcuadro.jpg"); background-repeat: no-repeat;  padding-left:25px; background-position:10px;}
.Tem_max_reg_caso1{width:50%; float:left; clear:both;}
.Tem_min_reg_caso2{width:50%/* 49%*/; float:right;}
.columna-gral-der{width:50%; float:right;}
.columna-gral-izq{width:50%; float:left; clear:both;}
.grupoDeDiscusion{float:left; margin-bottom: 10px; padding-top: 40px;}
.temmaxreg{width:50%; float:left; clear:both;}
.temminreg{width:50%;/* 49%*/ float:right;}
.temmaxregIMG{width:50%; float:left; clear:both; }
.temminregIMG{width:50%; float:right;}
.descLLCiudades{ /*14-04-16, Aura: Se comento la varible color -> color:black; */  margin-bottom: 1%;}
.elaboroPronosticador{ clear:both; float:left; width:29%; margin-top:20px; font-weight:bold;}
.nombrePronosticador{float:right; width:70%; margin-top:20px; }
.elaboroResponsable{  float:left; width:29%; clear:both; font-weight:bold;}
.nombreResponsable{float:right; width:70%;clear:right;}
.elaboro-pro{width:100%; background-color: #D8D9D9; float:left;}
.Img_Centrar_Formu{ display: block; margin: 0px auto; width:65%/*auto*/; margin-bottom: 10px; }
.Img_Centrar_Formu_ancho{ display: block; margin: 0px auto; width:60%; }
.Img_Centrar_Formu_agrupadas{ display: block; margin: 0px auto; width:90%; height:100%; margin-bottom: 10px;}
.Img_Centrar_Formu_agrupadasUnaColum{ display: block; margin: 0px auto; width:45%; height:100%;}
.Img_Centrar_Formu_titulo{ display: block; margin: 0px auto; width:90%; height:100%;}
.Img_centrar_titulos{text-align:center; vertical-align:middle; font-weight:bold; padding-top:10px; text-decoration:underline; !important;}
.tres-img-agrupadas{width: auto;}
.dos-img-agrupadas{ width: auto;}
.grupo-tres-ima1 {
  text-align: center;
  width: 50%;
  padding: 5px;
  float: left;
}
.grupo-tres-ima-Titulos{ float: left; width: 560px; height: auto; margin: 3px; padding: 3px;}
.grupo-tres-ima2{ float: left; width: 560px; height: 410px; margin: 3px; padding: 3px;}
.tres-img-agrupadas2{width: auto;}
.texto-general{clear: both; /* padding-top:15px; padding-bottom: 5px;*/ text-align:justify;}
.texto-general-sin-marg{clear: both; text-align:justify;}
.estilo_frm_titulos-doble-colum1{ width:100%/*50%*/;  padding-top:10px; clear:both; float:left; font-size:12px; text-align:center; padding-right:10px; padding-left: 10px;}
.estilo_frm_titulos-doble-colum2{ width:100% /*50%*/;  padding-top:10px; float:left;  font-size:12px; text-align:center; padding-right:10px; padding-left: 10px;}
.estilo-doblecolumna-descripcion{ width:100%;  /* padding-top:10px;*/ float:left; font-size:12px; text-align:center; padding-right:10px; padding-left: 10px; padding-bottom: 15px;}
.estilo_frm_titulos-doble-columIMG1{ width:100% /*50%*/;  padding-top: 0px/*5px*/; float:left;}
/*.estilo_frm_titulos-doble-columIMG1  > br {display:none;}*/
.estilo_frm_titulos-doble-columIMG2{ width: 100%;  padding-top: 0px; float:right;}
/*.estilo_frm_titulos-doble-columIMG2  > br {display:none;}*/
.estilo_frm_Img_50{ display: block; margin: 0px auto; width:50%; margin-bottom: 10px; }
.table-frm{width: 100%; max-width: 100%;}
.PronosticoRegional{margin-bottom:0px; margin-left:0px; margin-right:0px;}
.imagenes-doscolumnas{margin-bottom:0px; margin-left:0px; margin-right:0px;}
.ProximoAvisoPronostico{clear: both; margin-bottom:10px; padding-top:0px; text-align: center; }
.TextCenter {text-align: center; padding-bottom:2%; padding-top:/*3%*/0px; font-weight: bold;}
.etiquetaValor {font-weight: bold; float: left; width: 25%;}
.campoTextoEtiquetaValor {font-weight: bold; float: left; width: 75%;} 
.frm_Periodo_Validez{clear: both; margin-bottom:10px; padding-top:60px; text-align: center; font-weight:bold; font-style:italic;}
.resaltar_subtitulo{ padding-top:15px; /*font-weight: bold;*/ text-decoration: underline;}
.textBold{clear: both; text-align:justify; font-weight:bold;}
.titulo_Img_Caso1{clear: both; font-weight: bold; padding-top: 25px; padding-bottom: 10px; text-align: center; font-size: 16px;}
.titulo_Img_Caso2{font-weight: bold; padding-bottom: 10px; text-align:center;}
.titulo_img_centrado{text-align: center; padding-top: 60px; padding-bottom: 10px; font-size: 12pt; font-weight: bold; text-decoration: underline;}

@media only screen
and (min-width : 0px) and (max-width : 1005px){
.Tem_min_reg_caso2{width: 100%;}
.Tem_max_reg_caso1{width: 100%;}
}

@media only screen
and (min-width : 0px) and (max-width : 1005px){
.columna-gral-der{width: 100%;}
.columna-gral-izq{width: 100%;}
}

/*------------------------------- clases para formulario ENOS-----------------------------------*/
.avisoENOS{margin-left: 25px; color: #C00000; text-align: justify; font-weight: bold;}
.alertaENOS{margin-left: 25px; font-size: 10px;}

/*------------------------------- Pronóstico Regional END-----------------------------------*/


/*------------------------------- Encabezado, cuerpo y pie Formulario Start-----------------------------------*/
#visform{padding-top: 15px; /* background-image: url("../images/bg-conagua-smn-alpha-trans.png"); background-size: cover; 16-ene-19 vmb */}
#visforms_contenedor_encabezado_titulo{ float:left; width:100%; display:block; font-size: 28px;/*25px; font-weight:bold; 020419 vmb */ padding-top: 20px;}
#visforms_contenedor_encabezado_pdf_titulo{ float:left; width:60%; display:block; font-size: 25px; font-style:bold; padding-top: 10px;}
#visforms_contenedor_encabezado_cna{  float:right; width:50%; display:none; vertical-align: top;  text-align:right;}
#visforms_contenedor_encabezado_pdf_cna{  float:right; width:40%; display:block; vertical-align: top;  text-align:right; height:100%}
#visforms_contenedor_encabezado_pdf_cna img{float: right; }
#visforms_contenedor_encabezado_noaviso {float:right; width:100%; display:block; text-align:right;}
#visforms_contenedor_encabezado_pdf_lugaryfecha {float:left; width:50%; display:block; text-align:left;}
#visforms_contenedor_encabezado_pdf_noaviso {float:right; width:50%; display:block; text-align:right;}
/*#visforms_contenedor_encabezado_emision_lugar{ margin-top: -2%; float: left; }*/
#visforms_contenedor_encabezado_emision_lugar > span {font-weight: bold;}
#visforms_contenedor_encabezado_pdf_emision_lugar > span {font-weight: bold;}
#visforms_contenedor_cuerpo{ margin-top:10px; }

/*#visforms_contenedor_encabezado_emision_lugar, */
#visforms_contenedor_campos_fijos_encabezado, 
#visforms_contenedor_campos_fijos_sintesis,
#visforms_contenedor_cuerpo,
#visforms_contenedor_pie, 
#visforms_contenedor_pie_pronosticador, 
#visforms_contenedor_pie_reviso{float: left; display: block; width: 100%;}

#visforms_contenedor_campos_fijos_encabezado, 
#visforms_contenedor_campos_fijos_sintesis, 
#visforms_contenedor_encabezado_emision_lugar, 
#visforms_contenedor_encabezado_pdf_emision_lugar{margin-bottom: 5px;}

#visforms_contenedor_campos_fijos_sintesis {text-align:justify;}

/*#visforms_contenedor_encabezado_emision_lugar > span, 
#visforms_contenedor_campos_fijos_encabezado > span, 
#visforms_contenedor_campos_fijos_sintesis > span,
#visforms_contenedor_cuerpo > span,
#visforms_contenedor_pie > span{float: left; display: block; width: 100%;}*/
 
#visforms_contenedor_pie{width: 100%; background-color: white; float: left;}
#visforms_contenedor_pie_leyenda{ /*position:relative; -- se quitó porque no deja dar clic en las imágenes ni tampoco en los botones de las tablas responsivas */ 
/*23-06-16, Aura: se agrego la variable clear */
clear:both; width: 100%; margin-top: 25px; margin-bottom: 5px; font-weight: bold; text-align:center;}
#visforms_contenedor_pie_valor {  float: right; width: 89%; /*margin-top: 5px; 020419vmb */ word-wrap: break-word; }
#visforms_contenedor_pie_personal_pronosticador {width: 100%; background-color: #D8D9D9; float: left; padding: 10px; margin-bottom:5px; /*020419vmb*/ }

#visforms_contenedor_pie_leyenda_texto{
    display: none;
}

#TablasPronostico{ float: left; margin-top: 15px; width: 100%; padding-top: 40px;}

.IMG_altura_definida_small_size {height: 320px;} 

@media only screen
and (min-width : 0px) and (max-width : 1008px){ 
	.IMG_altura_definida_small_size {height: auto;}
}

@media only screen
and (min-width : 0px) and (max-width : 1008px){ 
	/*#visforms_contenedor_pie_leyenda{ width: 20%; }*/
	#visforms_contenedor_pie_valor { width: 80%; }
}

@media only screen
and (min-width : 0px) and (max-width : 550px){ 

	#visforms_contenedor_pie_valor { width: 65%; }
}

@media only screen
and (min-width : 0px) and (max-width : 350px){ 
	/*#visforms_contenedor_pie_leyenda{ width: 39%; }*/
	#visforms_contenedor_pie_valor { width: 55%; }
} 

@media only screen
and (min-width : 0px) and (max-width : 530px){ 
	#visforms_contenedor_encabezado_titulo, #visforms_contenedor_encabezado_cna{ width:100%; text-align: center; margin-bottom: 10px;}
	#visforms_contenedor_campos_fijos, #visforms_contenedor_encabezado_emision_lugar{text-align:center;}
}

/*------------------------------- Encabezado, cuerpo y pie Formulario End -----------------------------------*/



/*------------------------------- Formulario Plantilla 1-----------------------------------*/

/*------------------------------- Formulario Plantilla 1-----------------------------------*/
.estilo_frm_titulo_principal{ border-bottom:#000000 1px solid; margin-bottom:2%; font-weight: bold; padding-top: 5px;}
.estilo_frm_titulo_descripcion{ float:center; padding-top:30px; font-weight: bold; bottom:10px; text-decoration: underline; padding-bottom: 10px;}
.estilo_frm_texto_general{clear: both; padding-top:15px; padding-bottom: 5px; text-align:justify;}
.estilo_frm_img_centrada{ display: block; margin: 0px auto; width:65%/*auto*/; margin-bottom: 10px;}
.estilo_frm_img_descripcion{text-align:center; vertical-align:middle !important;}
.estilo_frm_img_titulo{text-align:center; vertical-align:middle; font-weight:bold; padding-top:10px; text-decoration:underline; !important;}
/*------------------------------- Formulario Plantilla 1 FIN-----------------------------------*/

/*------------------------------- Formulario Plantilla 2-----------------------------------*/
/*------------------------------- Formulario Plantilla 2 FIN-----------------------------------*/

/*------------------------------- Formulario Plantilla 3-----------------------------------*/
.estilo_frm_img_colum1{ display: block; margin: 0px auto; width:65%/*auto*/; margin-bottom: 10px; }
.estilo_frm_tabla_encabezado{text-align:center; vertical-align:middle !important;}
td.estilo_frm_tabla_general{text-align:center; height:/*50px*/37px; vertical-align:middle !important;}
/*------------------------------- Formulario Plantilla 3 FIN-----------------------------------*/

/*------------------------------- Formulario Plantilla 4-----------------------------------*/
/*------------------------------- Formulario Plantilla 4 FIN-----------------------------------*/

/*------------------------------- Formulario Plantilla 5-----------------------------------*/
.estilo_frm_fram { position:relative; padding-bottom:100%; height:0; overflow:hidden;}
.estilo_frm_fram iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
/*------------------------------- Formulario Plantilla 5 FIN-----------------------------------*/

/*------------------------------- Formulario Plantilla 6-----------------------------------*/
/*------------------------------- Formulario Plantilla 6 FIN-----------------------------------*/

/*------------------------------- Clases responsivas Formularios plantillas-----------------------------------*/

 @media only screen and (min-width : 771px) and (max-width : 1199px){ 
 .estilo_frm_img_centrada{ width:80%;}
 }
 
@media only screen and (min-width : 150px) and (max-width : 770px){ 
 .estilo_frm_img_centrada{ width:100%;}
 }
 @media only screen and (min-width : 771px) and (max-width : 1199px){ 
 .estilo_frm_img_colum1{ width:80%;}
 }
 
@media only screen and (min-width : 150px) and (max-width : 770px){ 
 .estilo_frm_img_colum1{ width:100%;}
 }
 
 /*------------------------------- Clases responsivas Formularios plantillas FIN-----------------------------------*/
table#formularios { 

}
table#formularios caption { 

}
table#formularios thead th { font-weight: 600; }
table#formularios thead th, table#miyazaki tbody td { 
 
}
table#formularios tbody td { 
  
}
table#formularios tbody tr:not(:last-child) { 
  /*border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; */ 
}

@media only screen and (min-width : 380px) and (max-width: 600px) {
  table.formularios caption { background-image: none; }
  table.formularios thead { display:block;  }
  table.formularios tbody td { 
    display: block; padding: .6rem; 
  }
  table.formularios tbody tr { 
    background: #ffffff; 
  }
  table.formularios tbody td:first-child { 
    background: #F9F9F9;
  }
  
	table.formularios tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 6rem;  
  }
  
  }
  @media only screen and (min-width : 250px) and (max-width: 379px) {
  table.formularios caption { background-image: none; }
  table.formularios thead { display:block; }
  table.formularios tbody td { 
    display: block; padding: .6rem; 
  }
  table.formularios tbody tr { 
    background: #ffffff; 
  }
  table.formularios tbody td:first-child { 
    background: #F9F9F9;
  }
  
	table.formularios tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
    display: inline-block;
    width: 6rem;  
  }
  }
/*@media screen and (min-width : 0px) and (max-width: 400px/*930*//*px) */
@media screen and (min-width : 0px) and (max-width: 930px) {
	.table-frm {overflow-x: auto; /*display: block; <- Causa ruido en las tablas creando columnas vacias */  }
	
}
@media only screen /* Caso 2 y 3 */
and (min-width : 990px) and (max-width : 1199px){ 
	.temmaxreg{margin-left:6px/*-180px*/;}
}
@media only screen /* Caso 4 */
and (min-width : 768px) and (max-width : 994px){ 
	.temmaxreg{margin-left:6px;}
}

@media only screen /* Caso 0px to 768px */
and (min-width : 0px) and (max-width : 768px){ 
	.temmaxreg{width:100%; margin-left:0px;}
	.temminreg { width:100%; }
}


@media only screen /* Caso 0px to 768px */
and (min-width : 0px) and (max-width : 768px){ 
	
	.temminregIMG { width:100%; }
}

@media only screen /* Caso 0px to 768px */
and (min-width : 0px) and (max-width : 768px){ 
	
	.grupo-tres-ima1 { width:100%; height:100%; }
}

@media only screen and (min-width : 300px) and (max-width : 1199px){ 
.tabla-excel10{width:100%;}
.titulo-img-satelite12{ width:100%;  float:right; right:1%; clear:both; padding-bottom:20px;}
.descripcion-img-sate{width:100%;  float:right; right:1%; clear:both; padding-bottom:20px;}
}

@media only screen and (min-width : 300px) and (max-width : 576px){
.elaboroPronosticador{ clear:both; float:left; width:63%; margin-top:20px; }
.nombrePronosticador{float:right; width:37%; margin-top:20px; text-align:center;}
.elaboroResponsable{  float:left; width:63%; clear:both;}
.nombreResponsable{float:right; width:37%;clear:right; text-align:center;}
.reportes-actualizadosDescCM{ width:60%;  }
 }
@media only screen and (min-width : 771px) and (max-width : 1199px){ 
 .Img_Centrar_Formu{ width:80%;}
 }
 
@media only screen and (min-width : 150px) and (max-width : 770px){ 
 .Img_Centrar_Formu{ width:100%;}
 }
@media only screen and (min-width : 771px) and (max-width : 1199px){ 
 .estilo_frm_Img_50{ width:80%;}
 }
@media only screen and (min-width : 150px) and (max-width : 770px){ 
 .estilo_frm_Img_50{ width:100%;}
 }

@media only screen and (min-width : 769px) and (max-width : 1199px){ 
 .grupo-tres-ima1{ width:100%; height:100%;}
 }
 
@media only screen and (min-width : 150px) and (max-width : 770px){ 
 .Img_Centrar_Formu_ancho{ width:100%;}
 }
/*------------------------------- Pronóstico Regional  FIN-----------------------------------*/

/*------------------------------- Encuentros de Servicios Climáticos INICIO -----------------------------------*/
.encuentrosClimaticos_Contenedor_IMG{float:left; width:60%;}
.encuentrosClimaticos_Contenedor_ENLACES{float:left; width:39%;}

@media only screen /* 0px to 900px */
and (min-width : 0px) and (max-width : 994px){ 
.encuentrosClimaticos_Contenedor_IMG{width:100%;}
.encuentrosClimaticos_Contenedor_ENLACES{ width:100%;}
}
/*------------------------------- Encuentros de Servicios Climáticos FIN --------------------------------------*/


/*------------------------------- Tablas General INICIO --------------------------------------*/
tr > .centradoVerticalTd{ vertical-align: middle !important;}
/*------------------------------- Tablas General FIN --------------------------------------*/

/*---------------------- Estacion Meteorológica Automática [Más Información] INICIO ---------------------------------*/
.contentInformacionEstacionAutomatica{float:left; width:60%; margin-top: 4%;}
.contentImagenEstacionAutomatica{float:right; width:39%; text-align:center;}
.contentVariablesEstacionAutomatica{float:left; width:100%; margin-top:5%;}

@media only screen 
and (min-width : 0px) and (max-width : 875px){
	.contentInformacionEstacionAutomatica{width:100%;}
	.contentImagenEstacionAutomatica{width:100%;}
	
}

@media only screen 
and (min-width : 0px) and (max-width : 370px){ 
	.contentImagenEstacionAutomatica img {width:100%;}
}
/*---------------------- Estacion Meteorológica Automática [Más Información] FIN ------------------------------------*/

#post_content_wrappera2a { width: 842px; }

/*---------------------- EMAS MAPA + Articulo START ------------------------------------*/
#tabla_frame_info{ width: 60%; float: left;}
#tabla_extra_ultimos_valores{ width:40%; float:right;}
.MapaDeEmas { border:0; width:100%; height: 800px;}

.AlineacionIconosMapaEMAS{text-align: -webkit-center; text-align: center; margin: 10px 0;}
.IMGIconosMapaEMAS{/*float: right;*/ width: 32px; height: 32px;}

@media only screen 
and (min-width : 0px) and (max-width : 1005px){ 
	.AlineacionIconosMapaEMAS{text-align: center;}
	.IMGIconosMapaEMAS{float: none;}
}

@media only screen 
and (min-width : 0px) and (max-width : 882px){ 
#tabla_frame_info{ width:100%; text-align: center;}
#tabla_extra_ultimos_valores{width:100%; text-align: center;}
}
/*---------------------- EMAS MAPA + Articulo END ------------------------------------*/


/*---------------------- Formulario Boletin de Incendios Inicio ----------------------*/
.contenedor_BoletínIncendios_CuerpoSecundario{float:left; width:100%}
/*---------------------- Formulario Boletin de Incendios Fin -------------------------*/

/*---------------------- Estilo Tablas Inicio ------------------------------------*/
.table > tbody > tr.success > td , .div_bg_green{ 
	/*11-04-16, Aura: Se cambio el valor de la variable background-color */
	background-color: rgba(197,227,251,0.35); /*antes: #dff0d8*/
}
/*.colTempGeneral{background-color: #F9F9F9;}*/
.visforms_XLStable_column_odd_dinamic{ background-color: #F9F9F9; }
/*.colum-Encab-Izq, .colum-Encab  {background-color: #FFFBEC;}*/
/*---------------------- Estilo Tablas Fin ------------------------------------*/

/*---------------------- FAQ Inicio ------------------------------------*/
@media only screen 
and (min-width : 0px) and (max-width : 1005px){ 
	td.smn_faq_img p > img { width: 60% !important; height: auto !important; }
}

/*---------------------- FAQ Inicio ------------------------------------*/


.divContainerJustifyTxt{ text-align: justify;}
.divDosColumnasResponsivasTxtCentrado{float:left; width:50%; text-align: center;}
@media only screen 
and (min-width : 0px) and (max-width : 1005px){
	.divDosColumnasResponsivasTxtCentrado > img { width:95%;}
}
@media only screen 
and (min-width : 0px) and (max-width : 560px){
	.divDosColumnasResponsivasTxtCentrado{ width:100%; margin-bottom: 10px; margin-top: 10px;}
}


/*---- Reporte para la Agricultura*/

@media only screen and (max-width : 768px){
	.reporte_meteorologico_agricultura_mosaic_izq,
	.reporte_meteorologico_agricultura_mosaic_der,
	.reporte_meteorologico_agricultura_mosaic_izq2,
	.reporte_meteorologico_agricultura_mosaic_der2,
	.reporte_meteorologico_agricultura_mosaic_izq3,
	.reporte_meteorologico_agricultura_mosaic_der3,
	.reporte_meteorologico_agricultura_mosaic_izq4,
	.reporte_meteorologico_agricultura_mosaic_der4,
	.reporte_meteorologico_agricultura_mosaic_izq5,
	.reporte_meteorologico_agricultura_mosaic_der5{
		width: 100% !important;
	}
	
	
	/*.t3-content img:not(:first-child){
		width: 100% !important;
	}*/
	
	.AlineacionIconosMapaEMAS > span{
		width: 100%;
	}
}


.reporte_meteorologico_agricultura_1{ float: left; width: 100%; height: 410px; margin: 3px;padding: 3px; text-align:center;}
.reporte_meteorologico_agricultura_2{float: left; width: 100%; /*height: 410px; */margin: 3px; padding: 3px;}
 .reporte_meteorologico_agricultura_5 , .reporte_meteorologico_agricultura_6,  .reporte_meteorologico_agricultura_6_5, .reporte_meteorologico_agricultura_7, .reporte_meteorologico_agricultura_9, .reporte_meteorologico_agricultura_12 , .reporte_meteorologico_agricultura_13 , .reporte_meteorologico_agricultura_15 , .reporte_meteorologico_agricultura_16{float: left; width: 100%; margin: 3px; padding: 3px;}
.reporte_meteorologico_agricultura_mosaic_izq {float:left; width:50%; margin: 0px; padding: 3px; text-align:center;}
.reporte_meteorologico_agricultura_mosaic_der {float:left; width:49%; margin: 0px; padding: 3px; text-align:center;}


.reporte_meteorologico_agricultura_mosaic_izq2, .reporte_meteorologico_agricultura_mosaic_izq3, .reporte_meteorologico_agricultura_mosaic_izq4, .reporte_meteorologico_agricultura_mosaic_izq5  {float:left; width:50%; margin: 0px; padding: 3px; text-align:center;}
.reporte_meteorologico_agricultura_mosaic_der2,  .reporte_meteorologico_agricultura_mosaic_der3,  .reporte_meteorologico_agricultura_mosaic_der4 ,  .reporte_meteorologico_agricultura_mosaic_der5{float:left; width:50%; margin: 0px; padding: 3px; text-align:center;}
.IMG560pxWidth{width:560px;}


/* -------------- ACORDEON PREGUNTAS FRECUENTES --------------------------------- */

#post_titlea2a{
	border-color: #207146 !important;
	background: #207146 !important;   
}

#post_titlea2a:hover{
	background-color: rgba(51,153,102,0.8) !important;
	border-color: rgba(51,153,102,0.8) !important;
}

/* -------------- TERMINA   :     ACORDEON PREGUNTAS FRECUENTES --------------------------------- */

/* -------------- MODIFICACIÓN DEL MODAL PARA LAS IMAGENES COMPLETAS --------------------------------- */

	/*
#colorbox{ width: 80% !important; left: 10% !important;}
	#cboxWrapper, 
	#cboxContent{ width: 100% !important;  height: 100% !important; text-align: center;} 
	#cboxLoadedContent{ width:100% !important; padding:0px; /*height: auto !important; <- Se comenta por que le pega al video boletin de la pagina principal*/
/*}*/
	/*#cboxLoadedContent img{width: 70% !important; height: 100% !important;}*/
	
/* -------------- TERMINAR : MODIFICACIÓN DEL MODAL PARA LAS IMAGENES COMPLETA --------------------------------- */

.frm-img-center{
  /*float: left;*/
  width: 100%;
  text-align: center;
  text-align: -webkit-center;
  text-align: -moz-center;
  margin-top: 25px;}
  
  
/* ------------------------------------------------------------------------------------------------------------ */
			/* Media */
/* ------------------------------------------------------------------------------------------------------------ */



@media (min-width:0px) and (max-width: 490px) {
	#contenedorTwitter{/*margin-right:25px;*/ margin: auto;}
	
	.img-max400{
	  margin: auto;
	  width: 100%;
	}
	.img-max400-center{
	  margin: auto;
	  width: auto;
	}
	
	#fantasma_aviso {
	  width: 100%;
	  margin-left: 0;
	}
        
        .img-max250{
	 margin: auto;
	 width: 100%;
	 
	}
        
        .column-clear-style{
            width: 100% !important;
            height: 100% !important;
        }
        
        
        
}

@media (min-width: 491px) and (max-width: 778px){
	.img-max400{
	  margin: auto;
	  width: 90%;
	}
	.img-max400-center{
	  margin: auto;
	  width: 90%;
	}
	
	#fantasma_aviso {
	  width: 80%;
	  margin-left: 10%;
	}
        
        .img-max250{
	   margin: auto;
	  width: 90%;
	 
	}
        
        .column-clear-style{
            width: 100% !important;
            height: 100% !important;
        }
}

@media(min-width: 779px) and (max-width: 991px) {
	.img-max400{
	  margin: auto;
	  width: 90%;
	}
	.img-max400-center{
	  margin: auto;
	  width: auto;
	}
        
       .img-max250{
	  margin: auto;
	  width: 90%;
	 
	}
        
        .column-clear-style{
            width: 100% !important;
            height: 100% !important;
        }
}

@media (min-width: 992px) and (max-width: 1016px){
	.img-max400{
	  margin: auto;
	  width: 90%;
	}
	
	.img-max400-center{
	  margin: auto;
	  width: auto;
	}
        
       .img-max250{
	  max-height: 250px;
	  min-height: 250px;
	  margin: auto;
	  width: 90%;
	 
	}
        
        .column-clear-style{
            width: 100% !important;
            height: 100% !important;
        }
}

@media(min-width: 1017px) and (max-width: 1206px){
	.img-max400{
	  max-height: 350px;
	  min-height: 350px;
	  margin: auto;
	  width: 90%;
	}
	
	.img-max400-center{
	  max-height: 350px;
	  min-height: 350px;
	  margin: auto;
	  width: auto;
	}
        
        .img-max250{
	  max-height: 250px;
	  min-height: 250px;
	  margin: auto;
	  width: 90%;
	}
        
        .column-clear-style{
            width: 100% !important;
            height: 100% !important;
        }
}

@media (min-width: 1207px) and (max-width: 1229px) {
	.img-max400{
	  max-height: 400px;
	  min-height: 400px;
	  margin: auto;
	  width: 90%;
	}
	.img-max400-center{
	  max-height: 400px;
	  min-height: 400px;
	  margin: auto;
	  width: auto;
	}
        
        .img-max250{
	  max-height: 250px;
	  min-height: 250px;
	  margin: auto;
          width: 90%;
	 
	}
        
        .column-clear-style{
            width: 100% !important;
            height: 100% !important;
        }
}

@media (min-width: 1230px) {
	.img-max400{
	  max-height: 400px;
	  min-height: 400px;
	  margin: auto;
	  width: 90%;
	}
	
	.img-max400-center{
	  max-height: 400px;
	  min-height: 400px;
	  margin: auto;
	  width: auto;
	}
        
        .img-max250{
	  max-height: 250px;
	  min-height: 250px;
	  margin: auto;
          width: 90%;
	}
        
        .column-clear-style{
            width: 100% !important;
            height: 100% !important;
        }
        
}

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

 /* -------------------------------------- Menú rectángulos en verde ----------------------------------------------*/
   @media only screen
	and (min-width : 0px) and (max-width : 600px){
	.portada-content img{max-height: 70px !important;} 
	.portada-content h3{font-size: 1.1em !important; vertical-align: middle;}
	.portada-content-img{ padding: 10px 10px !important;}
	.portada-content-img img{max-width: 60px !important;}
}

@media only screen
	and (min-width : 601px) and (max-width : 855px){
	.portada-content h3 {vertical-align: middle;}
}

  .bg-portada{padding: 6px;}
  .bg-portada:hover{
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
  -moz-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
  box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
  }
  .bg-green{
	margin: 1px;
	background: #1b603c;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,endColorstr='#175233',startColorstr='#207146');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,endColorstr='#175233',startColorstr='#207146')";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#207146), to(#175233));
    background-image: -moz-linear-gradient(center top, #207146, #175233);
  }
  
  /*-- 08-04-16, Aura: Se comento el siguiente metodo.  --*/ 
/*   .bg-green:hover{
	background: #23804f;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,endColorstr='#1b5b39',startColorstr='#23804f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,endColorstr='#1b5b39',startColorstr='#23804f')";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1b5b39), to(#23804f));
    background-image: -moz-linear-gradient(center top, #1b5b39, #23804f);
  } */

  .bg-green:focus{
    color: #fff;
  }
  
  .portada-content{min-height: 100px; /*display: table;*/ padding:0px;}
  .portada-content a{color:#fff; text-decoration:none;}
  
  .portada-content h3 {/*vertical-align:middle; display: table-cell;*/ /*display: flex;*/ 
 
 /*08-04-16 Aura: Se cambio el valor de la variable color */
  align-items: center; padding: 0 10px; font-size: 18px; color: #1122cc; /*antes: #fff*/ margin: 0px;}
  
  /*Nuevo metodo -- 08-04-16, Aura: Se creo nuevo metodo hover */
  .portada-content h3:hover{
	    color: #7b9cf0;
		text-decoration: underline;
} /*-- Fin*/

  .portada-content-img{ padding: 10px 0; text-align: center; text-align: -webkit-center;}
  .portada-content-img img{max-width: 80px; float: right; margin-right: 15px;}

/* ------------------------------- TERMINA : Menú rectángulos en verde -----------------------------------------*/

  
  /*--------------------------------- Avisos Principales INICIO ---------------------------------*/

  .avisosPrincipales{
  height: 1024px;
  }
  
  /*--------------------------------- Avisos Principales FIN ---------------------------------*/
  
  
  /*--------------------------------- Estados del tiempo INICIO ---------------------------------*/
.EdoTiempoCentral{ float:left; width:100%; border-right:1px solid #FFF;  border-left: 1px solid grey; padding-left: 27px; padding-top: 29px; padding-bottom: 24px;  }
.EdoTiempoCentral:hover{background-color: #BABABA; cursor: pointer;  -webkit-grab -webkit-grabbing}
  /*--------------------------------- Estados del tiempo FIN ---------------------------------*/

  
  .NotasResaltoAmarillo{font-weight: bold; background-color:yellow; color:red;}
  
   	/*--------------------------------- Edo. Tiempo Ciudades destacadas slider INICIO ---------------------------------*/
	div.lSSlideWrapper > ul { margin-bottom: 0px;}
	ul#AvisosDeTemporada { margin-bottom: 10px; margin-left:4px;}  /*08-08-16 Aura: se agrego margin-left */
	
	/*--------------------------------- Edo. Tiempo Ciudades destacadas slider FIN ------------------------------------*/
	
	@media only screen 
and (min-width : 0px) and (max-width : 775px){ 
	.EdoTiempoCentral > img {width:80%;}
	}
	
	.txt-justify{text-align: justify;}
	
/* ------------------------- FORMATO DE DIVS PARA ARTICULO PROCESO DINÃ?MICO -----------------------------*/

.bg-gray{
		background-color: #eee;
		padding: 15px;
		margin-bottom: 30px;
		font-weight: bold;
		text-align: center;
		text-align: -webkit-center;
	}

	.bg-gray-img { height: 300px; margin-bottom: 15px; }
	.bg-gray-img img{ height: 100%; width: auto; margin: auto;}

/* ----------------FIN // FORMATO DE DIVS PARA ARTICULO PROCESO DINÃ?MICO --------------------*/


/* ============================== T A B L A S  F O R M A T O  E S P E C I A L ======================*/

/* Formato tabla: "Reporte Diario del Observatorio de Tacubaya" tabla completa---------------- */

	/*.tbl-tacubaya > thead > tr > th{
		background-color:  #ADADAD;
		color: #fff;
		text-align: center;
		text-align: -webkit-center;
	}
	
	.tbl-tacubaya > tbody > tr:nth-child(7),
	.tbl-tacubaya > tbody > tr:nth-child(15),
	.tbl-tacubaya > tbody > tr:nth-child(19){
		background-color: #ADADAD;
		font-weight: bold;
		color:white;
		text-align: center;
		text-align: -webkit-center;
	}
	
	.tbl-tacubaya > tbody > tr:nth-child(n+1):nth-child(-n+6) > td:nth-child(1),
	.tbl-tacubaya > tbody > tr:nth-child(n+1):nth-child(-n+6) > td:nth-child(3),
	.tbl-tacubaya > tbody > tr:nth-child(n+8):nth-child(-n+14) > td:nth-child(1),
	.tbl-tacubaya > tbody > tr:nth-child(n+8):nth-child(-n+14) > td:nth-child(3),
	.tbl-tacubaya > tbody > tr:nth-child(n+16):nth-child(-n+18) > td:nth-child(1),
	.tbl-tacubaya > tbody > tr:nth-child(n+16):nth-child(-n+18) > td:nth-child(3),
	.tbl-tacubaya > tbody > tr:nth-child(n+20):nth-child(-n+25) > td:nth-child(1),
	.tbl-tacubaya > tbody > tr:nth-child(n+20):nth-child(-n+25) > td:nth-child(3){
		font-weight: bold;
		background-color: #eee;
		text-align: center !important;
		text-align: -webkit-center !important;
	}

    .tbl-tacubaya > tbody > tr > td:nth-child(odd){
        font-weight: bold;
        background-color: #eee;
        text-align: center !important;
        text-align: -webkit-center !important;
    }*/




/* Termina --------------------------------------------------------------------- */

/* Formato tabla: "Reporte de Lluvias Registradas" ---------------- */
	.tbl-lluvias > thead > tr > th{
		background-color:  #FFFBEC;
	}
	
	.tbl-lluvias > tbody > tr:nth-child(1){
		background-color: #EDEDED;
		font-weight: bold;
	}
	
/*Termina ---------------------------------------------------------- */

/* Formato tabla: "Pronóstico Meteorológico General" ---------------- */

	.tbl-pro-gral > thead > tr > th{
		background-color:  #FFFBEC;
	}
	
	.tbl-pro-gral > tbody > tr:nth-child(n+1):nth-child(-n+2) > td:nth-child(1),
	.tbl-pro-gral > tbody > tr:nth-child(n+4)> td:nth-child(1){
		background-color: #eee;
		font-weight: bold;
	}

	.tbl-pro-gral > tbody > tr:nth-child(3){
		background-color: #FFFBEC/*#EDEDED*/;
		font-weight: bold;
	}
	
	
	
/* Termina ------------------------------------------------------------------ */

/* Formato tabla: "Pronóstico Extendido a 96 Horas" ---------------- */
	
	/* Tabla 1 */	
	.tbl-prono-ext1 > thead > tr > th{
		background-color:  #FFFBEC;
	}
	
	.tbl-prono-ext1 > tbody > tr:nth-child(n+1):nth-child(-n+10) > td:nth-child(1){
		background-color: #EDEDED;
		font-weight: bold;
		width: 50%;
	}
	
	/* Tabla 2 */	
	.tbl-prono-ext > thead > tr > th{
		background-color:  #FFFBEC;
	}
	
	.tbl-prono-ext > tbody > tr:nth-child(1){
		background-color: #EDEDED;
		font-weight:bold;
	}
	
	/*.tbl-prono-ext > tbody > tr:nth-child(n+3)> td:nth-child(1){
		background-color: #eee;
		font-weight: bold;
	}*/

	.tbl-prono-ext > tbody > tr:nth-child(2){
		background-color: #FFFBEC;
		font-weight: bold;
	}
	
	
	/* Para la 3 utilicé la clase: tbl-lluvias */
	
	/* Tabla 4 */
	
	.tbl-prono-ext4 > thead > tr > th{
		background-color:  #FFFBEC;
	}
	
	.tbl-prono-ext4 > tbody > tr:nth-child(1){
		background-color: /*#BFBFBF*/#EDEDED;
		font-weight: bold;
	}
	
	.tbl-prono-ext4 > tbody > tr:nth-child(n+2):nth-child(-n+10) > td:nth-child(1){
		font-weight: bold;
		background-color: #D6D6D6/*#eee*/;
	}
	
	/* Tabla 5 */
	.tbl-prono-ext5 > thead > tr > th{
		background-color:  #FFFBEC;
	}
	
	.tbl-prono-ext5 > tbody > tr:nth-child(1),
	.tbl-prono-ext5 > tbody > tr:nth-child(2){
		background-color: #BFBFBF;
		font-weight: bold;
	}
	
	.tbl-prono-ext5 > tbody > tr:nth-child(3){
		font-weight: bold;
		background-color: #eee;
	}
	
	/* Tabla 6 : Atlántico */
	.tbl-aviso-atlantico > thead > tr > th{
		background-color:  #FFFBEC;
	}
	
	.tbl-aviso-atlantico > tbody > tr:nth-child(n+1) > td:nth-child(1){
		background-color: #EDEDED;
		font-weight: bold;
		width: 50%;
	}
	
/* Termina -------------------------------------------- */
	/*08-04-16, Aura: Se cambio el valor de la varible background-color */
	.t3-spotlight-8{ white; /*antes: #DDDBD7*/}
	
/* Termina Formato tabla: "Pronóstico Extendido a 96 Horas" ---------------- */

/*--------------------------------- Mapa con Portencial de Tormentas INICIO ---------------------------------*/
.etiquetaMapaPotencialTormentas{  margin-bottom: 15px;   text-align: center;   padding-left: 15%;   padding-right: 15%;   font-size: 12px}
/*--------------------------------- Mapa con Portencial de Tormentas FIN ---------------------------------*/

/* ----------------- Formato Perspectiva Trimestral - Perspectiva Semestral - Pronóstico Subestacional ----------------- */
#myTabTabs{margin-bottom: 15px;}

#perspectiva_trimestral_controles,
#perspectiva_semestrall_controles{padding: 15px 15px 10px 15px;}
#perspectiva_trimestral_1,
#perspectiva_semestral_1,
#pronostico_subestacional_1,
#perspectiva_trimestral_2,
#perspectiva_semestral_2,
#pronostico_subestacional_2,
#perspectiva_trimestral_3,
#perspectiva_semestral_3,
#pronostico_subestacional_3,
#perspectiva_trimestral_4,
#perspectiva_semestral_4,
#perspectiva_trimestral_F,
#perspectiva_trimestral_5{padding: 15px 0 0 0;}
#perspectiva_trimestral_F{text-align: center;}
.img-dato{width: auto !important;} 
/* ----------------- TERMINA : Formato Perspectiva Trimestral - Perspectiva Semestral - Pronóstico Subestacional ----------------- */


/* -------- Estilos Tablas Generales Formularios START---------------- */
	.tbl-header > thead > tr > th{
		background-color:  #FFFBEC;
	}
	
	.tbl-header-second > tbody > tr:nth-child(1){
		background-color: #EDEDED;
		font-weight: bold;
	}
	
	.tbl-campo-valor > thead > tr:nth-child(n+2)> th{
		background-color:  #EDEDED;
		text-align: center;
	}
	
	.tbl-campo-valor > tbody > tr:nth-child(n+1) > td:nth-child(1){
		background-color: #D6D6D6;
		font-weight: bold;
		  width: 50%;
	}
	
	.tbl-encabezado-valor  > thead > tr:nth-child(n+1) > th{
		font-weight: bold;
		width: 50%;
	}
	
	.tbl-anidada > thead > tr > th{
		/*background-color:  #FFFBEC;*/
		text-align: center;
	}
	
	.tbl-anidada > tbody > tr:nth-child(n+1) > td:nth-child(1){
		background-color: #D6D6D6;
		font-weight: bold;
		width: 50%;
	}
	
	.fondoColorBlanco > thead > tr:nth-child(n+2) {
	    background-color: white;
	}
	
	.tbl-centrar > thead > tr > th{
		/*background-color:  #FFFBEC;*/
		text-align: center;
		text-align: -weblit-center;
		vertical-align: middle;
	}
	
	.tbl-extendido > thead > tr:nth-child(n+2)> th{
		background-color:  #EDEDED;
		text-align: center;
		text-align: -weblit-center;
	}
	
	.tbl-extendido > tbody > tr:nth-child(n+1) > td:nth-child(1){
		background-color: #D6D6D6;
		font-weight: bold;
		  width: 30%;
	}
/* -------- Estilos Tablas Generales Formularios END---------------- */

/*-------------------------------------------------------------------*/
		/* Monitor de formularios */
/*-------------------------------------------------------------------*/
.content-graf{margin-left: 0;}

/*-------------------------------------------------------------------*/
.no-pad{padding: 0px;}
.no-mar{margin:0px;}
.pad-15{padding-right: 15px; padding-left: 15px;}
.iframe-size{border: 0px; width: 100%;}
/*#iframe-infantil{height: 1400px !important;}*/

/*-------------------------------------------------------------------
	Tabla de Pronósticos */

	div[id^='tablaPronostico'] { width: 90% !important; margin: auto !important; }
	div[id^='tablaPronostico'] > table { width: 100% !important;border: 2px solid #ddd !important; }

	/* ----------- thead ----------- */

	/*titulo*/ 
	.tablaPronostico_thead > thead > tr { 
		background: #FFFBEC !important; 
		/* 14-04-16, Aura: se comento la variable color * 
	    color:#000 !important; */
		font-weight:bold !important; 
		font-size: 14px !important; 
		text-transform: capitalize !important; 
	}
	/*todos los th*/  
	.tablaPronostico_thead > thead > tr > th {
		border: 2px solid #ddd !important;
		text-align: -webkit-center !important; 
		text-align: center !important; 
		vertical-align: middle !important; 
		font-size: 14px !important;
		text-transform: capitalize !important; 
	}
	/*todos los td*/ 
	.tablaPronostico_thead > tbody > tr > td {
		border: 2px solid #ddd !important; 
		text-align: -webkit-center !important; 
		text-align: center !important; 
		vertical-align: middle !important; 
		font-size: 13px !important;
	}
	/*pares*/   /*06-05-16, Aura: Se invirtieron los colores (pares e impares)*/
	.tablaPronostico_thead > tbody > tr:nth-child(odd) {
		color:red !important;
	}
	/*impares*/ 
	.tablaPronostico_thead > tbody > tr:nth-child(even) {
		color: #39C7F4 !important;
		background-color: rgba(230,230,230, 0.4) !important;
	}
	/*para nombre de estados*/ 
	.tablaPronostico_thead > tbody > tr:nth-child(1n+1) > td[rowspan]:nth-child(1){
		/* 14-04-16, Aura: se cambio el color  */
	    color:#545454 !important; /*antes: #000*/
		background: #efefef !important;
	}
	/*08-06-16, Aura: Se agrego las clases para la columna de Vientos */
	.tablaPronostico_thead > tbody > tr:nth-child(1n+1) > td[rowspan]:nth-child(3){
		color:#545454 !important; 
	}
	.tablaPronostico_thead > tbody > tr:nth-child(1n+1) > td[rowspan]:nth-child(6){
		color:#545454 !important; 
	}/*08-06-16 */

	/* ----------- tbody ----------- */

	/*titulo*/ 
	.tablaPronostico_tbody > tbody > tr:nth-child(1) { 
		background: #FFFBEC !important; 
		color:#000 !important; 
		font-weight:bold !important; 
		font-size: 14px !important; 
		text-transform: capitalize !important;
	}
	/*todos los th*/ 
	.tablaPronostico_tbody > tbody > tr > th {
		border: 2px solid #ddd !important;
		text-align: -webkit-center !important; 
		text-align: center !important; 
		vertical-align: middle !important; 
		font-size: 14px !important;
		text-transform: capitalize !important;  
	}
	/*todos los td*/ 
	.tablaPronostico_tbody > tbody > tr > td { 
		border: 2px solid #ddd !important; 
		text-align: -webkit-center !important; 
		text-align: center !important; 
		vertical-align: middle !important; 
		font-size: 13px !important;
	}
	/*pares*/ 
	.tablaPronostico_tbody > tbody > tr:nth-child(odd):not(:first-child) { 
		color:#39C7F4 !important;
		background-color: rgba(230,230,230, 0.4) !important;
	}
	/*impares*/ 
	.tablaPronostico_tbody > tbody > tr:nth-child(even) { 
		color:red !important; 
	}
	/*para nombre de estados*/ 
	.tablaPronostico_tbody > tbody > tr:nth-child(1n+1) > td[rowspan]:nth-child(1){ 
		color: #000 !important; 
		background: #efefef !important; 
	}
	

/*-------------------------------------------------------------------
	Tabla Campo - Valor sin Encabezado */

	div[id^='tablaCampoValor'] { width: 90% !important; margin: auto !important; }
	div[id^='tablaCampoValor'] > table { width: 100% !important;border: 2px solid #ddd !important; }
	
	
	/* ----------- thead ----------- */

	/*titulo*/ 
    .tablaCampoValor_thead > thead > tr:nth-child(1) {
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        background: #FFFBEC !important; 
        /* 14-04-16, Aura: se comento la variable color *
	    color:#000 !important; */
        font-weight:bold !important;
        text-align: -webkit-center !important; 
        text-align: center !important;
    }
	/*todos los th*/ 
    .tablaCampoValor_thead > thead > tr > th {
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        border: 2px solid #ddd !important; 
        text-align: -webkit-center !important; 
        text-align: center !important; 
        vertical-align: middle !important;
    }
	/*todos los td*/ 
    .tablaCampoValor_thead > tbody > tr > td {
        font-size: 13px !important; 
        border: 2px solid #ddd;
        vertical-align: middle;
        text-align: -webkit-center !important; 
        text-align: center !important;
    }
	/*pares*/ 
    .tablaCampoValor_thead > tbody > tr:nth-child(even) {
        background-color: rgba(230,230,230, 0.4) !important; 
    }
	/*para nombre de campos*/ 
    /*.tablaCampoValor_thead > tbody > tr:nth-child(1n+1) > td:nth-child(odd){*/
    .tablaCampoValor_thead > tbody > tr:nth-child(1n+1) > td:nth-child(odd):not([colspan]){
        background: #D4D4D4 !important;
        font-weight: bold !important;
    }
	/*para td's combinados 
    .tablaCampoValor_thead > tbody > tr > td[colspan]{
        background-color: #dddddd !important;
        border: 2px solid #d4d4d4 !important;
    }*/
    

	/* ----------- tbody ----------- */

	/*titulo*/ 
    .tablaCampoValor_tbody > tbody > tr:nth-child(1) {
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        background: #FFFBEC !important; 
        /* 14-04-16, Aura: se comento la variable color  
	    color:#000 !important; */
        font-weight:bold !important;
        text-align: -webkit-center !important; 
        text-align: center !important;
    }
	/*todos los th*/ 
    .tablaCampoValor_tbody > tbody > tr > th {
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        border: 2px solid #ddd !important; 
        text-align: -webkit-center !important; 
        text-align: center !important; 
        vertical-align: middle !important;
    }
	/*todos los td*/
    .tablaCampoValor_tbody > tbody > tr > td {
        font-size: 13px !important; 
        border: 2px solid #ddd;
        vertical-align: middle;
        text-align: -webkit-center !important; 
        text-align: center !important;
    }
	/*pares*/
    .tablaCampoValor_tbody > tbody > tr:nth-child(even) {
        background-color: rgba(230,230,230, 0.4) !important; 
    }
	/*para nombre de campos*/ 
    .tablaCampoValor_tbody > tbody > tr:nth-child(1n+2) > td:nth-child(odd):not([colspan]){
        background: #D4D4D4 !important;
        font-weight: bold !important;
    }
	/*para td's combinados*/ 
    /*.tablaCampoValor_thead > tbody > tr > td[colspan]{ 
        background-color: #dddddd !important;
        border: 2px solid #d4d4d4 !important;
    }*/

/*-------------------------------------------------------------------
    Tabla Campo - Valor con Encabezado */

    div[id^='tablaCampoValorEncab'] { width: 90% !important; margin: auto !important; }
    div[id^='tablaCampoValorEncab'] > table { width: 100% !important;border: 2px solid #ddd !important; }
    
    /* ----------- thead ----------- */

    /*titulo*/ 
    .tablaCampoValorEncab_thead > thead > tr:nth-child(1) {
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        background: #FFFBEC !important; 
        color:#000 !important; 
        font-weight:bold !important;
        text-align: -webkit-center !important; 
        text-align: center !important; 
    }
    /*encabezado*/ 
    .tablaCampoValorEncab_thead > thead > tr:nth-child(2) {
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        background: #eee !important; 
        color:#000 !important; 
        font-weight:bold !important; 
        text-align: -webkit-center !important; 
        text-align: center !important; 
    }
    /*todos los th*/ /*25-04-16, Aura: Se cambio el valor de font-size */
    .tablaCampoValorEncab_thead > thead > tr > th {
        font-size: 13px !important; /*antes: 14px */
        text-transform: capitalize !important; 
        border: 2px solid #ddd !important; 
        text-align: -webkit-center !important; 
        text-align: center !important; 
        vertical-align: middle !important;
    }
    /*todos los td*/ 
    .tablaCampoValorEncab_thead > thead > tr > td {
        font-size: 13px !important; 
        border: 2px solid #ddd;
        vertical-align: middle;
        text-align: -webkit-center !important; 
        text-align: center !important;
    }   
     /*para nombre de campos*/   /*25-04-16, Aura: Se agrego la variable font-size */ 
    .tablaCampoValorEncab_thead > tbody > tr:nth-child(1n+1) > td:nth-child(odd){
        background: #D4D4D4 !important;
        font-weight: bold !important;
		font-size: 13px !important;
    }
    /*pares*/ 
    .tablaCampoValorEncab_thead > tbody > tr:nth-child(even) {
        background-color: rgba(230,230,230, 0.4) !important; 
    }

    /* ----------- tbody ----------- */

    /*titulo*/ 
    .tablaCampoValorEncab_tbody > tbody > tr:nth-child(1) {
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        background: #FFFBEC !important; 
        color:#000 !important; 
        font-weight:bold !important;
        text-align: -webkit-center !important; 
        text-align: center !important; 
    }
    /*encabezado*/ 
    .tablaCampoValorEncab_tbody > tbody > tr:nth-child(2) {
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        background: #eee !important; 
        color:#000 !important; 
        font-weight:bold !important; 
        text-align: -webkit-center !important; 
        text-align: center !important; 
    }
    /*todos los th*/ 
    .tablaCampoValorEncab_tbody > tbody > tr > th {
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        border: 2px solid #ddd !important; 
        text-align: -webkit-center !important; 
        text-align: center !important; 
        vertical-align: middle !important;
    }
    /*todos los td*/ 
    .tablaCampoValorEncab_tbody > tbody > tr > td {
        font-size: 13px !important; 
        border: 2px solid #ddd;
        vertical-align: middle;
        text-align: -webkit-center !important; 
        text-align: center !important;
    }
    /*para nombre de campos*/ 
    .tablaCampoValorEncab_tbody > tbody > tr:nth-child(1n+3) > td:nth-child(odd){
        background: #D4D4D4 !important;
        font-weight: bold !important;
    }
    /*pares*/ 
    .tablaCampoValorEncab_tbody > tbody > tr:nth-child(even):not(:nth-child(2)) {
        background-color: rgba(230,230,230, 0.4) !important; 
    }

/*-------------------------------------------------------------------
	Tabla Básica con Encabezado */

	div[id^='tablaBasica'] { width: 90% !important; margin: auto !important; }
	div[id^='tablaBasica'] > table { width: 100% !important;border: 1px solid #ddd !important; }
	
	/* ----------- thead ----------- */

	/*titulo*/ 
    .tablaBasica_thead > thead > tr:nth-child(1) { 
        font-size: 14px !important; 
        /* 150162017 NSMARTINEZ Se quita el capitalize *
            text-transform: capitalize !important; */
        text-transform: none !important;
        background: #FFFBEC !important; 
        /* 14-04-16, Aura: se comento la variable color *  
	    color:#000 !important; */
        font-weight:bold !important;
        text-align: -webkit-center !important; 
        text-align: center !important; 

    }
	/*encabezado*/ 
    .tablaBasica_thead > thead > tr:nth-child(2) { 
        font-size: 14px !important; 
        /* 150162017 NSMARTINEZ Se quita el capitalize *
        text-transform: capitalize !important; */ 
        text-transform: none !important;
        background: #eee !important; 
        /* 14-04-16, Aura: se comento la variable color *  
	    color:#000 !important; */
        font-weight:bold !important; 
        text-align: -webkit-center !important; 
        text-align: center !important; 
    }
	/*todos los th*/ 
    .tablaBasica_thead > thead > tr > th { 
        font-size: 14px !important; 
        /* 150162017 NSMARTINEZ Se quita el capitalize *
            text-transform: capitalize !important; */ 
        text-transform: none !important; 
        border: 2px solid #ddd !important; 
        text-align: -webkit-center !important; 
        text-align: center !important; 
        vertical-align: middle !important;
    }
	/*todos los td*/ 
    .tablaBasica_thead > tbody > tr > td { 
        font-size: 13px !important; 
        border: 2px solid #ddd;
        vertical-align: middle;
        text-align: -webkit-center !important; 
        text-align: center !important;  
    }
	/*pares*/ 
    .tablaBasica_thead > tbody > tr:nth-child(even) { 
        background-color: rgba(230,230,230, 0.4) !important; 
    }

	/* ----------- tbody ----------- */

	/*titulo*/ 
    .tablaBasica_tbody > tbody > tr:nth-child(1) > td,
    .tablaBasica_tbody > tbody > tr:nth-child(1) > th { 
        font-size: 16px !important; 
        /* 150162017 NSMARTINEZ Se quita el capitalize *
            text-transform: capitalize !important; */ 
        text-transform: none !important; 
        background:#AAA;  /*#FFFBEC 020419vmb */ !important; 
        /* 14-04-16, Aura: se comento la variable color */ 
	    color: black; !important; 
        /*font-weight:bold !important; 020419vmb */
        text-align: -webkit-center !important; 
        text-align: center !important; 
    }
	/*encabezado*/ 
    .tablaBasica_tbody > tbody > tr:nth-child(2) > td,
    .tablaBasica_tbody > tbody > tr:nth-child(2) > th { 
        font-size: 16px !important; 
        /* 150162017 NSMARTINEZ Se quita el capitalize *
            text-transform: capitalize !important; */ 
        text-transform: none !important;  
        background: #eee !important; 
        /* 14-04-16, Aura: se comento la variable color  
	   color:#000 !important; 
        font-weight:bold !important; 020419vmb */
        text-align: -webkit-center !important; 
        text-align: center !important; 
    }
	/*todos los th*/ 
    .tablaBasica_tbody > tbody > tr > th { 
        /* font-size: 14px !important; 020419vmb */
        /* 150162017 NSMARTINEZ Se quita el capitalize *
            text-transform: capitalize !important; */ 
        text-transform: none !important;  
        border: 1px solid #ddd !important; /* 020419vmb */
        text-align: -webkit-center !important; 
        text-align: center !important; 
        vertical-align: middle !important;
    }
	/*todos los td*/
    .tablaBasica_tbody > tbody > tr > td { 
        /* font-size: 13px !important; 020419vmb */
	background: white; /*020419vmb */
        border: 1px solid #ddd;  /* 020419vmb */
        vertical-align: middle;
        text-align: -webkit-center !important; 
        text-align: center !important; 
    }
	/*pares*/ 
    .tablaBasica_tbody > tbody > tr:nth-child(even):not(:nth-child(2)) { 
       /*  background-color: rgba(230,230,230, 0.4) !important; 020419vmb  */
    }


/*-------------------------------------------------------------------
	Tabla Titulo Valor sin Encabezado */

	div[id^='tablaTituloValor'] { width: 90% !important; margin: auto !important; }
	div[id^='tablaTituloValor'] > table { width: 100% !important;border: 2px solid #ddd !important; }
	
	/* ----------- thead ----------- */

	/*titulo*/ 
    .tablaTituloValor_thead > thead > tr:nth-child(1) { 
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        background: #FFFBEC !important; 
        color:#000 !important;
        font-weight:bold !important;
        text-align: -webkit-center !important; 
        text-align: center !important; 
    }
	/*todos los th*/ 
    .tablaTituloValor_thead > thead > tr > th { 
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        border: 2px solid #ddd !important; 
        text-align: -webkit-center !important; 
        text-align: center !important; 
        vertical-align: middle !important; 
    }
	/*todos los td*/ 
    .tablaTituloValor_thead > tbody > tr > td { 
        font-size: 13px !important; 
        border: 2px solid #ddd;
        vertical-align: middle;
        text-align: -webkit-center !important; 
        text-align: center !important; 
    }
	/*pares*/ 
    .tablaTituloValor_thead > tbody > tr:nth-child(even) { 
       background-color: rgba(230,230,230, 0.4) !important;  
    }

	/* ----------- tbody ----------- */

	/*titulo*/ 
    .tablaTituloValor_tbody > tbody > tr:nth-child(1) { 
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        background: #FFFBEC !important; 
        /* 14-04-16, Aura: se comento la variable color  *
	   color:#000 !important; */
        font-weight:bold !important;
        text-align: -webkit-center !important; 
        text-align: center !important; 
    }
	/*todos los th*/ 
    .tablaTituloValor_tbody > tbody > tr > th { 
        font-size: 14px !important; 
        text-transform: capitalize !important; 
        border: 2px solid #ddd !important; 
        text-align: -webkit-center !important; 
        text-align: center !important; 
        vertical-align: middle !important; 
    }
	/*todos los td*/ 
    .tablaTituloValor_tbody > tbody > tr > td { 
        font-size: 13px !important; 
        border: 2px solid #ddd;
        vertical-align: middle;
        text-align: -webkit-center !important; 
        text-align: center !important;  
    }
	/*pares*/ 
    .tablaTituloValor_tbody > tbody > tr:nth-child(even) { 
        background-color: rgba(230,230,230, 0.4) !important;  
    }		
		
		
/* ----------------------------------------------------------------- 
    Sección infantil */

.bg-kids{
   /*13-04-16, Aura: Se comento background-image, se agrego background-color */
    /*background-image: url('../../../media/com_visforms/img/patterns/patter-kids.png');*/
	background-color:white;
    background-repeat: repeat;
}

.video-infantil{
    width: 100%;
    height: 250px;
    webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
    -moz-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
    box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
    margin-bottom: 15px;
}

.menu-infantil{
    background-color: rgba(238,238,238,0.8);
    padding: 15px;
}
            
.titulos-infantil{
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    margin-top: auto;
}       

.infantil-subt{
    padding: 20px 0px;
    margin: 0px;
}

div[id^='infantil_']{
   /*12-04-16, Aura: Se cambio el color de background-color */
    background-color: white; /*rgba(238,238,238,0.8)*/
    padding: 15px;
    margin-top: 20px;
}

div[id^='infantil_'] p{
    text-align: justify;
}
        
.fen_hidro_content{
    background-color: #fff;
    padding: 15px;
}

#definiciones_acordeon .panel-default > .panel-heading{
  /*13-04-16, Aura: Se cambio el valor de colores */
    border-color: #ececec; /*antes: none*/
    background-color: white; /*antes: rgba(51,153,102,0.8)*/
    border-radius: 0px;
    color: #fff;
}       

#definiciones_acordeon .panel-title,
#definiciones_acordeon .panel-body{
    padding: 10px;
    text-align: justify; 
}           
        
/*#definiciones_acordeon .panel-title a:hover,
#definiciones_acordeon .panel-title a:focus{
    text-decoration: none;
}*/

#definiciones_acordeon .panel-heading > a{
    /*13-04-16, Aura: Se cambio el color */
    text-decoration: none;
    color: #545454; /*antes: #fff*/
}

#definiciones_acordeon .panel-heading > a:hover{
    color: #207146;
}

#definiciones_acordeon .panel-heading:hover{
   /*13-04-16, Aura: Se cambio el color */
    background-color: #4a90e2; /*antes: rgba(51,153,102,1)*/
}

#definiciones_acordeon .panel-heading:hover a{
    color: #fff;
}

#definiciones_acordeon .panel-heading:active,
#definiciones_acordeon .panel-heading:focus{
    /*13-04-16, Aura: Se cambio el color */
    background-color: #2275d7; /*antes: #dddddd*/
}

#form_infantil input, 
#form_infantil label{
    width: 100%;
}

#form_infantil{
    padding: 15px;
    margin-bottom: 15px;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
    -moz-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
    box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
}

#nombreInfantil_err,
#emailInfantil_err,
#edadInfantil_err,
#interesInfantil_err,
#recaptchaInfantil_err{
    color: red;
}

.loadInfantil_send{
    padding: 10px;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    border: 1px solid #428bca;
    color: #428bca;
}

.warningInfantil_send{
    padding: 10px;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    border: 1px solid #d9534f;
    color: #d9534f;
}

.successInfantil_send{
    padding: 10px;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    border: 1px solid #5cb85c;
    color: #5cb85c;

}

.subTituloInfantil{
    border-bottom: 2px solid #ddd;
    padding: 10px;
}

.subTituloInfantil > i.fa-youtube-play {
    color: #d9534f;
}

.subTituloInfantil > i.fa-gamepad {
    color: #337ab7;
}

.subTituloInfantil > i.fa-star {
    color: #f0ad4e;
}

.collapse-activeInfantil{
    /*13-04-16, Aura: Se cambio el color */
    background-color: #2275d7 !important; /*antes: #FFFBEC*/
}

.collapse-activeInfantil a{
   /*13-04-16, Aura: Se cambio el color */
    color: white !important; /*antes: #207146*/
}

/* ------------------------------------------
    Aviso Ciclón */

.aviso_ciclon{
    text-align: center;
    padding: 15px;
    background-color: #DDDDDD; /*antes: rgba(51,153,102,0.8); 15-08-16, Aura se cambio el background-color, se agrego bold y se comento color*/
	font-weight:bold;
   /* color: #fff;*/
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
    -moz-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
    box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
}

/* ----------------------------------------------------------
    media queries para mapas (iframes) */

.mapa-iframe-responsive > div.iframe-target-blank{
    float:left; 
    width:100%; 
    cursor: pointer; 
  /*08-04-16, Aura: Se cambio el color de background-color */
    background-color: white; /*antes: #DFF0D8*/ 
    padding-right: 1%; 
    padding-top: 1.5%;
}
.mapa-iframe-responsive > div.iframe-target-blank p > img{
    width: 32px; 
    height: 32px;
}


/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
    .mapa-iframe-responsive{
        /*border: 1px solid yellow;*/
        width: 100%;
        text-align: center;
    }
    .mapa-iframe-responsive > iframe{
        display:none;
    }
    .mapa-iframe-responsive > div.iframe-target-blank{
        text-align: center;
        margin-bottom: 30px;
    }
    .mapa-iframe-responsive > div.iframe-target-blank p{
        text-align: center;
    }
    .btn-green-link{
        margin: auto;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .mapa-iframe-responsive{
        /*border: 1px solid red;*/
        width: 80%;
        margin: auto;
    }
    .mapa-iframe-responsive > iframe{
        width: 100%;
        height: 595px;
    }
    .mapa-iframe-responsive > div.iframe-target-blank{
        text-align: right;
        margin-bottom: 0px;
    }
    .btn-green-link{
        margin: auto;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .mapa-iframe-responsive{
        /*border: 1px solid blue;*/
        width: 80%;
        margin: auto;
    }
    .mapa-iframe-responsive > iframe{
        width: 100%;
        height: 595px;
    }
    .mapa-iframe-responsive > div.iframe-target-blank{
        margin-bottom: 0px;
    }
    .mapa-iframe-responsive > div.iframe-target-blank p{
        text-align: right;
    }
    .btn-green-link{
        margin: 0px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .mapa-iframe-responsive{
        /*border: 1px solid green;*/
        width: 100%;
    }
    .mapa-iframe-responsive > iframe{
        width: 100%;
        height: 595px;
    }
    .mapa-iframe-responsive > div.iframe-target-blank{
        margin-bottom: 0px;
    }
    .mapa-iframe-responsive > div.iframe-target-blank p{
        text-align: right;
    }
    .btn-green-link{
        margin: 0px;
    }
}

/* ----------------------------------------------------------
    botones verdes en el apartado de climatología
------------------------------------------------------------- */
.row-btn-green-link{
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}

.btn-green-link{
    margin: auto;
    height: 70px;
    width: 75%;
}

.btn-green-link > a,
.btn-green-link > a:hover,
.btn-green-link > a:focus{
    text-decoration: none;
    color: #fff;
}

.btn-green-link > a > div.btn-green-link-text{
    height: 100%;
    display: table;
    width: 100%;
    padding: 0 15px;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
    -moz-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
    box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.32);
}

.btn-green-link > a > div.btn-green-link-text > h5{
	/*08-04-16, Aura: Se agrego la variable color */
	color:#1122cc; /*Se agrego la variable color */
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

/*08-04-16, Aura: Se agrego el metodo hover*/
.btn-green-link > a > div.btn-green-link-text > h5:hover{
	color:#7b9cf0;
	text-decoration: underline;
}

/*15-04-16, Aura: Se agrego Nueva Clase para Modulo de Portada */
.bg-Portada{
	float: left;
    width: 100%;
    background-color: #ececec;
}	

/*08-06-16, Aura: Se creo nueva clase para la tabla Pronostico, porque se cambio el diseño de la tabla.
Se copiaron clases que ya tenia antes la clase de : tablaPronostico , solo se agregaron algunas nuevas clases para ajustar al diseño nuevo. 
Tambien se modifica para la tabla responsive. */
/*-------------------------------------------------------------------
	Tabla de Pronósticos version 2 */

	div[id^='tablaPronosticov2'] { width: 90% !important; margin: auto !important; }
	div[id^='tablaPronosticov2'] > table { width: 100% !important;border: 2px solid #ddd !important; }

	/* ----------- thead ----------- */

	/*titulo*/ 
	.tablaPronosticov2_thead > thead > tr { 
		background: #FFFBEC !important; 
		/* 14-04-16, Aura: se comento la variable color * 
	    color:#000 !important; */
		font-weight:bold !important; 
		font-size: 14px !important; 
		text-transform: capitalize !important; 
	}
	/*todos los th*/  
	.tablaPronosticov2_thead > thead > tr > th {
		border: 2px solid #ddd !important;
		text-align: -webkit-center !important; 
		text-align: center !important; 
		vertical-align: middle !important; 
		font-size: 14px !important;
		text-transform: capitalize !important; 
	}
	/*todos los td*/ 
	.tablaPronosticov2_thead > tbody > tr > td {
		border: 2px solid #ddd !important; 
		text-align: -webkit-center !important; 
		text-align: center !important; 
		vertical-align: middle !important; 
		font-size: 13px !important;
	}
	/*pares*/   /*06-05-16, Aura: Se invirtieron los colores (pares e impares)*/
	.tablaPronosticov2_thead > tbody > tr:nth-child(odd) {
		color:red !important;
	}
	/*impares*/ 
	.tablaPronosticov2_thead > tbody > tr:nth-child(even) {
		color: #39C7F4 !important;
		background-color: rgba(230,230,230, 0.4) !important;
	}
	/*para nombre de estados*/ 
	.tablaPronosticov2_thead > tbody > tr:nth-child(1n+1) > td[rowspan]:nth-child(1){
		/* 14-04-16, Aura: se cambio el color  */
	    color:#545454 !important; /*antes: #000*/
		background: #efefef !important;
	}
	/*08-06-16, Aura: Se agrego las clases para la columna de Vientos */
	.tablaPronosticov2_thead > tbody > tr:nth-child(1n+1) > td[rowspan]:nth-child(3){
		color:#545454 !important; 
	}
	.tablaPronosticov2_thead > tbody > tr:nth-child(1n+1) > td[rowspan]:nth-child(6){
		color:#545454 !important; 
	}/*08-06-16 */
	
	/*14-06-16, Aura:  Se crearon nuevas clases para el color de los botones de la grafica de EMAS*/
.highcharts-button > rect { fill: #E0DEDE; }
.highcharts-button  > text:hover,
.highcharts-button  > text:focus{ font-weight: bold; color: black; fill: black;  /*#e7f0f9*/ }

/*26-11-16,Aura: Clases para gráfica de Frentes Fríos*/
.highcharts-axis-labels > text > tspan {font-size: 14px;}
.highcharts-axis > text > tspan  {text-transform: none; font-size: 16px;}
.highcharts-container > svg > text > tspan  {text-transform: none; font-size: 18px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.highcharts-container >svg > g  {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.highcharts-container >svg  > text {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px;}
.highcharts-button > text  {font-family: Dosis, sans-serif; font-size: 12px;}

/*23-08-16, Aura Se creo clase para descripcion de videos - seccion niños*/
.block-texto{
	padding: 0px 25px;
    font-size: 15px;
    border-left: 10px solid #eeeeee;
    margin-bottom: 12.5px;
    margin: 5px 0;
    text-align: justify;
}
.texto-azul{color:#1122cc;}

@media (min-width:250px) and (max-width: 991px) {
	.top-video{padding-top: 30px;}
}


/* 13/08/2018|NSMARTINEZ: SE AGREGAN CLASES DE LA PLANTILLA PRESIDENCIA */

/*FOOTER*/
.main-footer{
/*    background-color:#f6f6f6;  #28292A; se cambia 061218 vmb */
    background-image:url(https://framework-gb.cdn.gob.mx/landing/img/fondofooter3.svg)!important; /*se agrga 05-jun-19 vmb*/ /*se cambia fondo 231019*/
    line-height: 135%;
    height:auto;
    background-size:cover;  
/*    min-height:56px; */
    color:#fff;  /*#2c2c2b; 05jun19*/ /* #fff; se cambia 061218 vmb */
/*    padding:20px 0 30px;  */
    text-align:left;
/*    font-weight:300; */
    background-position: bottom;/* 231019 */
}


.main-footer .list-info{
    line-height:135%; /* auto; 05-jun-19 vmb */
   /* background-color:#eaeaea; se cambia 05-jun-19 vmb */ /* #393b3c; se cambia 061218 vmb */
    padding:30px 0 70px;
    margin-bottom:30px;
}

.main-footer .list-info form label{
    font-weight:300;margin-bottom:15px;
    line-height:110%;
}

.main-footer .list-info form .form-group-icon{
    max-width:none;
    font-size:14px;
}

.main-footer .list-info form .form-control{
    font-size:14px;
}



.main-footer .list-info h5{
    font-family: inherit;
    font-size: 18px;
    line-height: 1.1;
    color: inherit;
    margin-top: 12.5px;
    font-weight:300;
    margin-bottom:20px;
    padding-left: 20px; /*agregado 14-jun-19 vmb */
    display: block;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.main-footer .list-info a{
    color:#fff; /* #545454; 05-jun-19 */ /*#fff; se cambio 061218 vmb */
    font-size:16px;
    text-decoration: none;
    background-color: transparent;
}

.main-footer .list-info a.link-email{
    color:#fff;font-size:14px;
}

.main-footer .list-info p{margin-bottom:15px;  padding:0 0 0 20px; /* agregado 20jun19 */}.main-footer .list-info ul{margin:0 0 60px; padding:0 0 0 20px; /* agregado 20jun19 */ }.main-footer .list-info ul li{list-style-type:none;margin:0 0 2px;padding:0;line-height:110%}.main-footer .row>div{margin-bottom:15px}.main-footer p{margin:0;font-size:16px;line-height:136%;height:auto;position:static}.gobmx-footer{margin-top:15px}.message-subscribe{margin-top:20px;font-size:18px}@media (min-width:768px){.main-footer{text-align:left}

.main-footer .list-info form .form-group-icon{
    max-width:300px;
}

.main-footer .row>div{
    margin-bottom:0}
}


.main-footer fieldset{
    margin: 0;
    min-width: 0;
}

.main-footer fieldset, legend{
    padding: 0;
    border: 0;
}


.btn-foot {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.428571429;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    font-size: 18px;
    text-decoration: none;
    background-image: none;
    vertical-align: middle;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    margin: 0;
    letter-spacing: normal;
    word-spacing: normal;
        text-indent: 0px;
    text-shadow: none;
        -webkit-writing-mode: horizontal-tb !important;
        word-wrap: break-word;
        -webkit-tap-highlight-color: transparent;
}

.blue-right {
    background-color:#b38e5d;  /* #4A90E2; se cambia 061218 */
    color: #fff;
    padding: 0px 10px 1px 15px; /* 7px 10px 3px 14px; se cambiaron 181218 vmb */
    border-radius: 2px;
    position: absolute;
    right: 5px;
    top: 5px;
}


.social-icon {
    background-image: url(https://framework-gb.cdn.gob.mx/assets/images/icons_full.png);
    display: block;
    text-indent: -9999px;
    margin-right: 5px;
}

.social-icon.facebook {
    width: 14px;
    height: 20px;
    background-position: 0 0;
}

.social-icon.twitter {
    width: 24px;
    height: 20px;
    background-position: -34px 0;
}

[class*=" icon-"], [class^=icon-] {
    font-family: icogobmx;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
    content: "\e606";
}


.form-group-icon {
    position: relative;
}

.vh, .visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
}

.form-group-icon .form-control {
    min-height: 46px;
   
}

.icon-caret-right:before {
    content: "\e604";
}

.form-control-foot {
    width: 100% !important;
    height: 45px !important;
    padding: 6px 12px !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}


/* Estilos para  Titulos  24012019 */ 

.page-header {
    padding-bottom: inherit;
    margin: inherit;
    border-bottom: inherit;
}

.article-title, .article-header h1, .page-title, .page-header h1{
	text-decoration: none;
    border-bottom: 1px solid #dce0e0;
    font-weight: 300;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

.article-header h1:after, .page-header h1:after {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #d0021b;
    display: block;
    position: absolute;
}

/* MAPAS DIARIOS DE TEMPERATURA Y LLUVIA */
/*
.col-sm-6, .col-xs-12, .col-sm-12 {
    padding-left: 15px;
    padding-right: 15px;
} */

.p-contenido p {
    text-align: justify;
    color: #545454;
    font-size: 17px;
}
    .margin-bottom-20
  {
    margin-bottom: 20px;
  }
  
  /* Ver Mas */
  @media (max-width: 768px) {
    .extra_content {
      display: none;
    }
    #read_more {
      display: block;
    }
    .grey-line {
      display: block !important;
    }
  }

  .show {
    display: block!important;
  }

a,
a:link,
a:visited {
    cursor: pointer;
    text-decoration: none;
}

  .btn-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0;
}

.grey-line {
  display: none;
    height: 1px;
    max-width: 100;
    width: 50%;
    background: #d8d8d8;
    z-index: 9;
}

.read_more {
    display: none;
    position: relative;
    margin: auto 40px 0;
    color: #000;
    background: #fff;
    z-index: 10;
    padding: 5px 10px;
    mix-blend-mode: multiply;
    border-bottom: 1px solid transparent;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    width: 200px;
}
.read_more::before {
    display: none;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(92deg, #0b81a3, #12182c);
    background: linear-gradient(92deg, #0b81a3, #12182c);
    pointer-events: none;
    mix-blend-mode: screen;
}


/* Resúmenes Mensuales de Temperaturas y Lluvia */ 

.p-contenido p {
    text-align: justify;
    color: #545454;
    font-size: 17px;
}
.margin-bottom-20{
    margin-bottom: 20px;
  }

  

  /* Información Climatológica por Estado */

  .wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
  
  .select_estados {
    width: 100%;
    background-color: #000000;
    color: #ffffff;
}
  
  .select_estados::-webkit-input-placeholder, .select_estados:-moz-placeholder, .select_estados::-moz-placeholder, .select_estados:-ms-input-placeholder, .select_estados:placeholder-shown{
    text-align: center;
  }


  /* Mapas de climatología 1981-2010 */

  .margin-bottom-20
  {
    margin-bottom: 20px;
  }
 
  .combomapas
  {
    margin-bottom: 20px;
  }
  .contenido-izquierda
  {
    text-align: justify;
  }

  .combomapas > select
  {
    border: 1px solid #000;
    border-radius: 0;
    background-color: #000;
    color: #fff;
    width: 100%;
  }
  #rcm_contenido
  {
    margin-bottom: 20px;
  }
  .btn-primary {
    background-color: #4D92DF;
    border-color: #4D92DF;
    color: #ffffff;
  }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #3071a9;
    border-color: #285e8e;
  }


  /* MONITOR DE SEQUIA MÉXICO */ 


  .btn-info
  {
    background-color: #4D92DF;
    border-color: #4D92DF;
  }
  select
  {
    text-align: center;
    text-align-last: center;
    /* webkit*/
  }
  option
  {
    text-align: left;
    /* reset to left*/
  }
  
  .combo-izquierda, .combo-derecha
  {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .contenido-izquierda
  {
    text-align: justify;
  }
  .contenido-izquierda, .contenido-derecha
  {
    margin-bottom: 20px;
  }
  .combo-izquierda > select, .combo-derecha > select
  {
    border: 1px solid #000;
    border-radius: 0;
    background-color: #000;
    color: #fff;
  }
  #rcm_contenido
  {
    margin-bottom: 20px;
  }
  
  .p-monitor-sequia-mexico
  {
    text-align: justify;
    color: #545454;
    font-size: 17px;
  }
  .contenido-enlace
  {
    position: relative;
    width: 100%;
    text-align: center;
  }

  /* MONITOR SEQUIA AMERICA NORTE */


  .tabla-monitor-sequia-america th
  {
    text-align: center;
    vertical-align: middle;
  }
  .tabla-monitor-sequia-america tbody > tr > td, .tabla-monitor-sequia-america tbody > tr > td > a
  {
    text-align: center;
    vertical-align: middle;
  }


  /* Estatus del Niño - Oscilación del Sur (ENOS) */


    .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        /*background-color: #ccc;*/
    }
    .nav-custom
    {
        background-color: #A5C8EE;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    
    #nino_tab p, #enos_tab p, #boletin_tab .content-boletin-p > p
    {
        font-size: 17px;
        color: #545454;
    }
    .contenido-enlace {
        /* margin: auto; */
        /* position: relative; */
        /* display: block; */
        width: 200px;
        height: auto;
        text-align: center;
    }
    .contenido-enlace img
    {
        display: block;
        width: 50px;
        height: 50px;
        margin: auto;
    }
    .contenido-enlace a
    {
        width: 100%;
    }


    /* FRENTES FRIOS */


    
    .contenido-frentes-frios
    {
        overflow: hidden;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .texto-frentes-frios
    {
        text-align: justify;
        font-size: 18px;
        color: #545454;
    }
    .margin-top-20
    {
        margin-top: 20px;
    }
    .margin-bottom-20
    {
        margin-bottom: 20px;
    }

    /* FOROS */

    #boton-historico{
        width: 400px;
        margin: auto;
      }
      
      .contenido-p > p {
        font-size: 17px;
        color: #545454;
    }
      
/* HISTORICO DE FOROS */

@media (max-width: 768px) {
      .contenedor-imagen {
        display: block !important;
      }
      .contenedor-pdf {
        display: none !important;
      }
    }
 
    .contenedor-imagen {
        display: none;
      }
      .contenedor-pdf {
        display: block;
      }

  .margin-bottom-20 {
    margin-bottom: 20px;
  }
  .contenido-enlace {
      position: relative;
      width: 100%;
      text-align: center;
  }
  .btn-info {
    background-color: #4D92DF;
    border-color: #4D92DF;
  }
  select.combo-foros, select.combo-encuentros {
    text-align: center;
    text-align-last: center;
    border: 1px solid #000;
    border-radius: 0;
    background-color: #000;
    color: #fff;
  }
  select.combo-foros > option, select.combo-encuentros > option {
    text-align: left;
  }

  /* Alianza de Servicios Climáticos para Norteamérica */


  .p-alianza-servicios-climaticos-norteamerica
  {
    text-align: justify;
    color: #545454;
    font-size: 17px;
  }
  .contenido-enlace
  {
    position: relative;
    width: 100%;
    text-align: center;
  }
  
  
  
   .combohistorico
  {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .combohistorico > select
  {
    border: 1px solid #000;
    border-radius: 0;
    background-color: #000;
    color: #fff;
    width: 100%;
  }


  /* Centro de Servicios Climáticos para Mesoamérica y El Caribe */


    .p-centro-servicios-climaticos-mesoamerica
    {
        text-align: justify;
        color: #545454;
        font-size: 17px;
    }

    #rcm_contenido > img
    {
        width: 100%;
    }


/* LLUVIAS ASOCIADAS A CICLONES TROPICALES */

/* Apply & remove to fix dynamic content scroll issues on iOS 9.0 */
  .modal-scrollfix.modal-scrollfix 
  {
    overflow-y: hidden;
  }
  .modal-body 
  {
    padding: 0;
  }
  
  .parrafo-informacion-historica
  {
    padding: 0;
    margin: 0;
    color: #545454;
    font-size: 18px;
  }
  #contenido-combo-anos > select
  {
    text-align: center;
    text-align-last: center;
    /* webkit*/
    border: 1px solid #000;
    border-radius: 0;
    background-color: #000;
    color: #fff;
  }
  #contenido-combo-anos > select > option
  {
    text-align: left;
    /* reset to left*/
  }
  
  .tbl-ciclones
  {
    margin-bottom: 0;
  }
  .tbl-ciclones th
  {
    background-color: #000;
    color: #fff;
    text-align: center;
  }
  .tbl-ciclones tbody tr:first-child
  {
    background-color: #545454;
    color: #fff;
  }
  .tbl-ciclones tbody tr td
  {
    text-align: center;
    vertical-align: middle;
  }
  .contenedor-tablas
  {
    border: 1px solid #ccc; 
  }
  /*.tabla-titulo-oculto tbody tr:first-child
 *   {
 *     display: none;
 *       }*/
  .tbody-dos
  {
    border-top: 1px solid #dddddd !important;
  }
  .tbody-dos tr:first-child
  {
    display: none;
  }
  .modal-header .close {
    margin-top: -10px;
}
  @media screen and (min-width: 768px){
    .modal-dialog {
      width: 800px;
    }
  }

/* INFORMACIÓN HISTORICA */


  .second-tbody tr:first-child
  {
    display: none !important;
  }
  
  #boton-resumen{
    width: 60%;
    margin: auto;
  }