/*
Theme Name: Mapoteca
Author: Con Vista Al Mar
Author URI: http://www.convistaalmar.com.ar/
Description: Tema para la Mapoteca con herramientas de mapas.
Version: 1.1
License: All Rights Reserved. Educ.ar
Tags: mapas, secuencias didácticas
*/

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   FONT FACES
   ========================================================================== */

@font-face {
    font-family: 'NobileRegular';
    src: url('font/nobile-webfont.eot');
    src: url('font/nobile-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nobile-webfont.woff') format('woff'),
         url('font/nobile-webfont.ttf') format('truetype'),
         url('font/nobile-webfont.svg#NobileRegular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'NobileItalic';
    src: url('font/nobile_italic-webfont.eot');
    src: url('font/nobile_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nobile_italic-webfont.woff') format('woff'),
         url('font/nobile_italic-webfont.ttf') format('truetype'),
         url('font/nobile_italic-webfont.svg#NobileItalic') format('svg');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'NobileBold';
    src: url('font/nobile_bold-webfont.eot');
    src: url('font/nobile_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nobile_bold-webfont.woff') format('woff'),
         url('font/nobile_bold-webfont.ttf') format('truetype'),
         url('font/nobile_bold-webfont.svg#NobileBold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'NobileBoldItalic';
    src: url('font/nobile_bold_italic-webfont.eot');
    src: url('font/nobile_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nobile_bold_italic-webfont.woff') format('woff'),
         url('font/nobile_bold_italic-webfont.ttf') format('truetype'),
         url('font/nobile_bold_italic-webfont.svg#NobileBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('font/BebasNeue-webfont.eot');
    src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BebasNeue-webfont.woff') format('woff'),
         url('font/BebasNeue-webfont.ttf') format('truetype'),
         url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
  }


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 12px; line-height: 1.583; }

body, button, input, select, textarea { font-family: sans-serif; color: #000; }

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #4AA084; color: #fff; text-shadow: none; }
::selection { background: #4AA084; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #0069ba; }
a:visited { color: #402170; }
a:hover { color: #0090ff; }
a:focus, .focused { outline: 2px dotted gray; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
  }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }

/* =============================================================================
   Cross browser fixes
   ========================================================================== */

/* Test for IE conditional comments */
/*.ie6 body {
  border: 10px solid red;
}
.ie7 body {
  border: 10px solid green;
}
.ie8 body {
  border: 10px solid blue;
}*/

/* Test for FF classes */
/*.ff1-2 body {
  border: 10px solid orange;
}
.ff3 body {
  border: 10px solid yellow;
}*/
.ff1-2 *:before,
.ff1-2 *:after,
.ff3 *:before,
.ff3 *:after {
  /* Pseudo elements hidden by default for FF3 since they cannot be positioned 
     https://developer.mozilla.org/en/CSS/:before */
  display: none !important;
}

/* =============================================================================
   Primary styles
   ========================================================================== */

/* Fondo, cabecera y pie de pagina */
html {
  background: #F0F0F0 url(img/body-1.png);
  min-width: 800px;
  }
body {
  background: url(img/body-2.png) repeat-x;
  text-align: center;
  }
.wrapper {
  background: url(img/body-3.png) bottom repeat-x;
}
#container {
  max-width: 960px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  zoom: 1;
  }
.ie6 #container {
  width: 960px;
  padding: 0;
  }
#header {
  height: 50px;
  padding-top: 28px;
  }
.skip-link {
  position: absolute;
  left: -9999px;
  top: -30px;
  -webkit-transition: top .4s ease-out;
  -moz-transition: top .4s ease-out;
  -o-transition: top .4s ease-out;
  -ms-transition: top .4s ease-out;
  transition: top .4s ease-out;
  }
.skip-link:focus,
.skip-link:active {
  left: 188px;
  top: 0;
  background: #479B81;
  color: #fff;
  padding: 7px 5px 3px;
} 
#header .logo {
  float: left;
  }
#header .last {
  float: right;
  }

#main {
  padding: 23px 0 42px;
  min-height: 376px;
  }


#menu {
  position: absolute;
  top: 34px;
  left: 19%;
  z-index: 99;
  width: 70%;
  }
@media screen and (-webkit-min-device-pixel-ratio: 0) { /* Reglas solo para webkit */
  /* El focus ring de Chrome se ve muy mal en este elemento. */
  #menu {
    outline: none;
  }
}  
#menu .inner {
  /* FIXME Camilo revisar diff de esto, lo cambié para que el logo fuera clickeable. */
  }
#menu ul {
  float: left;
  padding-right: 5px;
  list-style: none;
  margin: 0;
  height: 26px;
  line-height: 26px;
  }
.ie6 #menu li {
  width: 1%;
  white-space: nowrap;
}
#menu li {
  padding: 0 11px;
  margin-right: 17px;
  position: relative;
  zoom: 1.0;
  }
#menu a {
  color: #0f6853;
  text-decoration: none;
  font-weight: bold;
  }
#menu a:hover {
  border-bottom: 1px solid #b3d7cd;
  }

/* Desplegable mapas */
#menu .menu-item-home {
  padding: 0;
}
#menu .menu-item-home a {
  display: block;
  padding: 0 18px 0 6px;
  height: 26px;
  position: relative;
  }
.oldie #menu .menu-item-home a {
  padding-right: 20px;
}
#menu .menu-item-home .toggler .icon {
  display: block;
  position: absolute;
  top: 11px;
  right: 5px;
  width: 0;
  height: 0;
  border-top: 5px solid #737373;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  font-size: 1px;
  overflow: hidden;
  }
.oldie #menu .menu-item-home .toggler .icon {
  top: 10px;
  border-right-width: 5px;
}
.ie6 #menu .menu-item-home .toggler .icon {
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
}
#menu .menu-item-home .toggler:hover,
#menu .menu-item-home .toggler:focus {
  background: #4aa084;
  background: -moz-linear-gradient(top, #62bfac 0%, #33835e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62bfac), color-stop(100%,#33835e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #62bfac 0%,#33835e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #62bfac 0%,#33835e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #62bfac 0%,#33835e 100%); /* IE10+ */
  background: linear-gradient(top, #62bfac 0%,#33835e 100%); /* W3C */
  color: #fff;
  text-shadow: -1px 1px #26775d;
  border-bottom: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline-width: 1px;
}
#menu .jquery-menu-open .toggler,
#menu .jquery-menu-open .toggler:hover,
#menu .jquery-menu-open .toggler:focus {
  background: #4aa084; /* Old browsers */
  color: #fff;
  text-shadow: -1px 1px #26775d;
  border-bottom: none;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
  height: 38px;
  outline: 0;
}

#menu .menu-item-home .toggler:hover .icon,
#menu .menu-item-home .toggler:focus .icon,
#menu .jquery-menu-open .toggler .icon {
  border-top: 5px solid #fff;
}
.ie6 #menu .menu-item-home .toggler:hover .icon,
.ie6 #menu .menu-item-home .toggler:focus .icon,
.ie6 #menu .jquery-menu-open .toggler .icon {
  border-left: 4px solid #4aa084;
  border-right: 4px solid #4aa084;
}

#menu .dropdown {
  display: none;
  position: absolute;
  width: 680px;
  margin-left: -118px;
  padding: 6px;
  z-index: 9999;
  background: #4aa084; /* Old browsers */
  background: -moz-linear-gradient(top, #4aa084 0%, #2f6654 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4aa084), color-stop(100%,#2f6654)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4aa084 0%,#2f6654 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4aa084 0%,#2f6654 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4aa084 0%,#2f6654 100%); /* IE10+ */
  background: linear-gradient(top, #4aa084 0%,#2f6654 100%); /* W3C */
  white-space: nowrap;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  }
.ie7 #menu .dropdown,
.ie6 #menu .dropdown {
  left: 0;
  top: 38px;
}
#menu .dropdown .inner {
  padding: 6px;
  width: 668px;
  background: #fff url(img/dropdown-inner.png) repeat-y; /* Old browsers */
  background: url(img/dropdown-inner.png) repeat-y, -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 25%, #ffffff 100%); /* FF3.6+ */
  background: url(img/dropdown-inner.png) repeat-y, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(25%,#f7f7f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: url(img/dropdown-inner.png) repeat-y, -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 25%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: url(img/dropdown-inner.png) repeat-y, -o-linear-gradient(top, #ffffff 0%,#f7f7f7 25%,#ffffff 100%); /* Opera 11.10+ */
  background: url(img/dropdown-inner.png) repeat-y, -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 25%,#ffffff 100%); /* IE10+ */
  background: url(img/dropdown-inner.png) repeat-y, linear-gradient(top, #ffffff 0%,#f7f7f7 25%,#ffffff 100%); /* W3C */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#menu .sub-menu {
  display: none;
  float: none;
  padding: 0;
  margin: 0;
  height: auto;
  border: none;
  line-height: 1.727;
  list-style-position: outside;  /* IE6 bug */
}
#menu .sub-menu .current-menu-item > a {
  font-weight: bold;
  color: #333333;
}

/* Esto es un workaround a un bug en el PHP que marca como current 
   si estás en una página de listado de secuencias para un territorio. 
   FIXME Juan archive.php query_posts
   */
.tax-territorio #menu .sub-menu .current-menu-item > a {
  font-weight: normal;
  color: #0069BA;
}
.tax-territorio #menu .sub-menu .current-menu-item > a:hover,
.tax-territorio #menu .sub-menu .current-menu-item > a:focus {
  color: #fff;
}


#menu .sub-menu .sub-menu {
  margin-left: 12px;
}
#menu .dropdown .sub-menu {
  display: block;
}
#menu .inner > .sub-menu {
  -moz-column-count: 3;
  -moz-column-gap: 13px;
  -webkit-column-count: 3;
  -webkit-column-gap: 13px;
  column-count: 3;
  column-gap: 13px;
}
#menu .dropdown li {
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  position: static;
  }
#menu .dropdown a {
  display: block;
  padding: 0 5px;
  height: auto;
  color: #0069ba;
  text-decoration: none;
  font-weight: normal;
  overflow: hidden;
  position: static;
  }
#menu .dropdown li a:hover,
#menu .dropdown li a:focus {
  background: #4aa084;
  color: #fff;
  border-bottom: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: 0;
  }


#help {
  position: absolute;
  top: 87px;
  right: 0px;
  width: 40%;
  text-align: right;
  font-size: 92%;
  }
#help li {
  display: inline;
  padding: 0 4px;
  }
#help a {
  color: #0069BA;
  text-decoration: underline;
  text-transform: lowercase;
  }
#help a:hover,
#help a:focus {
  color: #0090FF;
  }


#search {
  float: left;
  margin-left: 11px;
  }
#search p {
  margin: 0;
  }
#search label {
  float: left;
  padding-right: 6px;
  margin: 5px 0;
  height: 17px;
  line-height: 17px;
  color: #333;
  }
#search .input {
  float: left;
  background: #8d8d8d; /* Old browsers */
  background: -moz-linear-gradient(top, #8d8d8d 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8d8d8d), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8d8d8d 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8d8d8d 0%,#ffffff 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #8d8d8d 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(top, #8d8d8d 0%,#ffffff 100%); /* W3C */
  padding: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 2px 9px 2px 0;
  }
.ie8 #search .input {
  margin-top: 1px;
}
.ie7 #search .input,
.ie6 #search .input {
  background: none;
  margin-top: -2px;
}
#search input {
  width: 31px;
  height: 14px;
  padding: 4px 5px;
  border: none;
  background-color: #fefefe; /* Old browsers */
  background-image: -moz-linear-gradient(top, #eeeeee 0%, #fefefe 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #dbdbdb, #fefefe); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #eeeeee 0%,#fefefe 100%); /* Opera11.10+ */
  background-image: -ms-linear-gradient(top, #eeeeee 0%,#fefefe 100%); /* IE10+ */
  background-image: linear-gradient(top, #eeeeee 0%,#fefefe 100%); /* W3C */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .2);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .2);
  background-repeat:no-repeat;

  }
#search input:hover {
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, .2);
}

#search input:focus {
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  background-position:0 -10px;
  outline:none;
  }
.ie8 #search input {
  height: 16px;
  }
.ie7 #search input,
.ie6 #search input {
  border: 1px solid #8d8d8d;
  height: 16px;
  }
#search .button {
  float: left;
  border: 1px solid #c1e1d7;
  padding: 1px;
  background: #e5faf3;
  background: -moz-linear-gradient(top, #eefef8 0%, #d8f5ec 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eefef8), color-stop(100%,#d8f5ec)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eefef8 0%,#d8f5ec 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eefef8 0%,#d8f5ec 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #eefef8 0%,#d8f5ec 100%); /* IE10+ */
  background: linear-gradient(top, #eefef8 0%,#d8f5ec 100%); /* W3C */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  }
#search button {
  width: 40px;
  height: 24px;
  padding: 1px 6px 1px 6px;  
  border: none;
  background-color: #f2fcf9;
  background-image: -moz-linear-gradient(top, #f2fcf9 0%, #bae3d6 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2fcf9), color-stop(100%,#bae3d6)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f2fcf9, #bae3d6 ); /* Chrome10+,Safari5.1+ */
  background-repeat:no-repeat;
  background: -o-linear-gradient(top, #f2fcf9 0%,#bae3d6 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f2fcf9 0%,#bae3d6 100%); /* IE10+ */
  background: linear-gradient(top, #f2fcf9 0%,#bae3d6 100%); /* W3C */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 91.66%;
  text-transform: uppercase;
  color: #5da58f;
  text-shadow: 0 1px 0 #fff;
  font-weight: bold; 
  }

#search .button:active {
  background: #d0e9e1;
  border:1px solid #b4d9cd;
  border-bottom: 1px solid #fff;
}

#search button:focus,
#search button:hover {
  background-position:0 15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  }

.offline .page-template-page-secuencias-php {
  display: none;
  } 
.no-js body.page-template-page-secuencias-php {
  display: block;
  }  

#footer {
  padding-top: 17px;
  height: 72px;
  }
#footer ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  }
#footer .last {
  float: right;
  }
#footer li {
  display: inline-block;
  margin: 0 10px;
  }
.ie7 #footer li,
.ie6 #footer li {
  display: inline;
  zoom: 1.0;
}


/* Logos */
.educacion {
  background: url(img/logo/educacion.png) no-repeat;
  width: 145px;
  height: 37px;
  float: right;
}
.conectar {
  background: url(img/logo/conectar.png) no-repeat;
  width: 83px;
  height: 45px;
}
.educar {
  background: url(img/logo/educar.png) no-repeat;
  width: 98px;
  height: 45px;
  float: right;
}

.anses {
  background: url(img/logo/anses.png) no-repeat;
  width: 84px;
  height: 45px;
}
.encuentro {
  background: url(img/logo/encuentro.png) no-repeat;
  width: 52px;
  height: 45px;
}
.pakapaka {
  background: url(img/logo/pakapaka.png) no-repeat;
  width: 65px;
  height: 45px;
}
.argentina {
  background: url(img/logo/argentina.png) no-repeat;
  width: 331px;
  height: 45px;
}


/* Composiciones (layouts) */

.span-3,
.span-4,
.span-5,
.span-7,
.span-8,
.span-9 {
  float: left;
  }
.span-3 {
  width: 25%;
  }
.span-4 {
  width: 33.334%;
  }
.span-5 {
  width: 41.667%;
  }
.span-7 {
  width: 58.334%;
  }
.span-8 {
  width: 66.667%;
  }
.span-9 {
  width: 75%;
  }
.span-4 section,
.span-4 aside,
.span-5 section,
.span-5 aside,
.span-7 section,
.span-7 aside {
  margin: 0 10px;
  }
.span-8 article,
.span-9 article {
  margin-right: 20px;
  }
.half {
  float: left;
  width: 49%;
  margin-right: 1%;
  display: inline;
  }
.home-map {
  text-align: center;
}


/* Encabezados y texto general */

header.home {
  margin-bottom: 44px;
  padding-top: 22px;
  }
header.section {
  margin-bottom: 38px;
  }
h1 {
  font-size: 24px;
  font-weight: normal;
  font-family: NobileBold, Arial, Helvetica, sans-serif;
  color: #be331a;
  margin: 0 0 2px;
  }
h1.hilite {
  font-size: 32px;
  }
section h2,
aside h2 {
  font-size: 22px;
  font-weight: normal;
  font-family: BebasNeueRegular, Arial, Helvetica, sans-serif;
  color: #be331a;
  text-transform: uppercase;
  margin: 0 0 1em;
  }
aside h2 {
  font-size: 18px;
  }
section h3,
aside h3 {
  font-size: 18px;
  font-weight: normal;
  font-family: BebasNeueRegular, Arial, Helvetica, sans-serif;
  color: #313e46;
  text-transform: uppercase;
  }
article h2,
article h3 {
  font-size: 18px;
  font-weight: normal;
  font-family: NobileBold, Arial, Helvetica, sans-serif;
  color: #000;
  }
article h3 {
  font-size: 16px;
  }
.entry h2 {
  font-size: 14px;
  }
article h4,
article h5,
article h6,
article dt {
  font-weight: bold;
  }

.sep {
  overflow: hidden;
  zoom: 1.0;
}
.sep span {
  float: left;
  margin-right: 6px;
}
.sep:after,
.sep .after {
  content: "";
  display: block;
  background: #9f9f9f;
  height: 1px;
  margin-top: 15px;
  overflow: hidden;
}
.ie7 .after,
.ie6 .after {
  float: none;
  margin-right: 0;
}
aside .sep:after {
  margin-top: 12px;
}


.excerpt,
.single-secuencia .content > p:first-child {
  font-size: 18px;
  font-weight: normal;
  font-family: NobileRegular, Arial, Helvetica, sans-serif;
  color: #646c71;
  line-height: 1.444;
}
.single-secuencia .content > p:first-child {
  font-size: 16px;  
} 
.excerpt p {
  margin: 0;
}
.breadcrumb {
  margin: 0;
  line-height: 2;
  color: #0069BA;
}
.breadcrumb a {
  color: #0069BA;
}


article {
  padding-bottom: 1.583em;
  border-bottom: 1px dotted #B3B3B3;
  }
article ul {
  list-style-image: url(img/article-ul.png);
  }
article table {
  border: none;
  }
article th,
article td {
  padding: 8px;
  border: none;
  }
article th,
article thead td {
  background: #C44730;
  color: #fff;
  border-bottom: 1px solid #861905;
  border-right: 1px solid #FFA999;
  text-align: left;
  }
article td {
  background: rgba(255, 255, 255, .9);
  color: #000;
  border-bottom: 1px solid #CECECE;
  border-right: 1px solid #CECECE;
  }
article .alignnone,
article .alignleft,
article .aligncenter,
article .alignright {
  border: 1px solid #42987d;
  }
article .alignleft {
  float: left;
  }
article .aligncenter {
  margin: 0 auto 1em;
  }
article .alignright {
  float: right;
  }
article img {
  display: block;
  background: #fff;
  }
article img.attachment-secuencias-list-thumb{
  padding: 2px;
  /* No lleva cursor:pointer porque no queremos que parezca un link. 
     Sólo que funcione como tal si alguien lo clickea. */
  }

article img.alignnone {
  display: inline;
  }

.page article img.alignright, 
.page article img.alignleft, 
.page article img.alignnone, 
.page article img.aligncenter {
    border: none;
    margin: 0px;
  }

.page article img {
  background: none;
  }

.page-template-page-secuencias-php article img {
  background-color:#FFFFFF;
  }

article img {
  margin-bottom: 15px
  }

article img.alignleft, 
article img.alignnone,
article .wp-caption.alignleft {
  margin-right: 18px
  }

article img.alignright, 
article .wp-caption.alignright{
  margin-left: 18px
  }

article .wp-caption img{
  margin: 0px;
  }

article .wp-caption {
  margin-bottom: 15px;
  }

.single-secuencia article h2, .single-secuencia article h3 {
  clear: both;
  }

.single-secuencia article .wp-caption.alignleft {
  margin-right: 15px;
  margin-bottom: 12px;
  }

.single-secuencia article .wp-caption.alignright {
    margin-left: 15px;
    margin-bottom: 12px;
  }

article .wp-caption-text {
  height: 24px;
  line-height: 24px;
  font-size: 91.66%;
  padding-left: 5px;
  margin: 0;
  background: #42987d;
  color: #fff;
  }

section ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}
section li {
  padding-left: 14px;
  background: url(img/section-ul.png) 4px 7px no-repeat;
}


section li a {
  font-size: 100% !important;
  text-decoration: none;
  }
section li a:hover {
  text-decoration: underline;
  }


/* Mapas */

.map {
  padding-top: 21px;
  margin-bottom: 4px;
  }
.map .image {
  float: left;
  width: 54px;
  margin: 8px 7px 0 -4px;
  position: relative;
  }
.ie6 .map .image img {
  width: 78px;
  height: 50px;
  top: -6px;
  }
.map h1 {
  white-space: nowrap;
  }
.ie6 .map h1 {
  margin-bottom: 0;
  }    
.map .options {
  padding-top: 3px;
  }
.ie6 .map .options {
  clear: both;
  padding-top: 0;
  }  
.map ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
.map li {
  display: inline-block;
  font-weight: bold;
  position: relative;
  z-index: 2;
  }
.ie7 .map li,
.ie6 .map li {
  display: inline !important;
}
.ie7 .map li ul li,
.ie6 .map li ul li {
  display: block !important;
}
.ie6 .map li.share_this {
  width: 120px;
  }


#select_download ul,
#select_print ul {
  display: none;      /* para evitar que se vean al cargar la pagina */
}

.map .jquery-menu {
  display: inline-block;
  height: auto;
  }
#new_draw {
  margin-left: -6px;
  }
.map .jquery-menu .toggler,
#new_draw a { 
  display: inline-block;
  position: relative;
  padding: 0 18px 0 6px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  color: #0069BA;
  line-height: 22px;
  }
#new_draw a {
  padding-right: 6px;
  }
.map .jquery-menu .notallowed {
  cursor: not-allowed;
}
.map .jquery-menu .toggler:hover {
  opacity: 0.75;
  }
.map .jquery-menu-open .toggler:hover {
  opacity: 1;
  }
.map .jquery-menu .icon {
  display: block;
  position: absolute;
  top: 10px;
  right: 6px;
  width: 0;
  height: 0;
  border-top: 5px solid #0069BA;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  font-size: 1px;
  }
.ie6 .map .jquery-menu .icon {
  border-left: 4px solid #ECECEC;
  border-right: 4px solid #ECECEC;
  }
.map .jquery-menu-open .toggler {
  background: #252525;
  color: #fff;
  border-bottom: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-bottom-right-radius: 0px;  
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  }
.map .jquery-menu-open .toggler:focus {  
   outline: 0; 
  }
.map .jquery-menu-open .icon {
  border-top-color: #FFF;
  }
.ie6 .map .jquery-menu-open .icon {
  border-left: 4px solid #252525;
  border-right: 4px solid #252525;
  }
.map .jquery-menu .dropdown {
  display: none;
  position: absolute;
  width: auto;
  margin-left: -17px;
  margin-top: -5px;
  padding: 6px;
  z-index: 9999;
  background: #252525; /* Old browsers */
  white-space: nowrap;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  }
.map .jquery-menu-open .dropdown {
  display: block;
  }
.ie7 .map .jquery-menu .dropdown,
.ie6 .map .jquery-menu .dropdown {
  left: 0;
  top: 26px;
  }
.ie7 .map .jquery-menu .dropdown ul,
.ie6 .map .jquery-menu .dropdown ul {
  margin-top:-20px;
  margin-bottom: 20px;
  }
.map .jquery-menu ul {
  display: block !important;
  position: relative;
  list-style: none;
  float: none;
  margin: 0;
  padding: 0;
  height: auto;
  line-height: normal;
  width: auto;
  font-size: 100%;
  z-index: 999;
  background: #fff;
  white-space: nowrap;
  min-width: 128px;
  text-align: left;
  }
.ie7 .map .jquery-menu ul,
.ie6 .map .jquery-menu ul {
  left: 0;
  top: 1.583em;
}
.ie7 .map .jquery-menu ul,
.ie6 .map .jquery-menu ul {
  width: 128px;
}
.map .jquery-menu li {
  float: none !important;
  display: block !important;
  margin: 0 !important;
  height: auto !important;
  line-height: 1.5 !important;
  width: auto !important;
  overflow: auto;
  overflow-x: hidden;
  font-size: 100% !important;
  font-weight: normal !important;
  cursor: pointer;
  font-weight: normal;
  }
.map .jquery-menu li a {
  display: block;
  padding: 0 7px !important;
  color: #0069ba;
  height: 24px !important;
  line-height: 24px !important;
  border-bottom: 1px solid #e8e8e8;
  text-decoration: none;
  font-weight: normal;
  }
.map .jquery-menu .last a {
  border-bottom: none;
  }
.map .jquery-menu li a:hover,
.map .jquery-menu li a:focus {
  background-color: #1876bf;
  border-bottom-color: #1876bf;
  color: #FFFFFF;
  }
.ie7 .map .jquery-menu li,
.ie7 .map .jquery-menu li a {
  width: 100% !important;
}

.map .jquery-menu .export a {
  background-color: #D9E9F6;
  border-bottom-color: #C0E3FF;
}
.map .jquery-menu .export .disabled,
.map .jquery-menu .export .notallowed {
  color: #AEAEAE !important;
  background-color: #F1F1F1 !important;
  border-bottom-color: #e8e8e8 !important;
  cursor: default;
}
.map .jquery-menu .export .notallowed {
  cursor: not-allowed;
}


/*end menu download Impresion*/

.map a {
  padding-left: 6px;
  text-decoration: none;
  }
.main {
  float: left;
  width: 754px;
  min-height: 40em;
  padding-bottom: 432px;
}
.ie6 .main {
  height: 76em;
  margin-right: -3px;
}
.sidebar {
  margin-left: 754px;
  min-height: 438px;
  position: relative;
  }
.ie6 .sidebar {
  height: 438px;
  zoom: 1;
  margin-left: 0;
}
.sidebar .thumbnail {
  position: absolute;
  left: 10px;
  bottom: 8px;
}
.sidebar .thumbnail img {
  display: block;
}
.sidebar .more {
  font-weight: bold;
}

.warning {
  line-height: 1.6;
  padding: 6px 10px;
  margin: 0 6px 10px;
  position: relative;
  color: #474622;
  background: #fffa7c;
  font-weight: bold;
  display: none; /* Activada por JS */ 
  min-height: 18px;
}
.ie6 .warning {
  height: 18px;  
}
.warning a {
  color: #BE331A;
  text-decoration: underline;
  padding: 0;
}
.warning .close {
  position: absolute;
  top: 9px;
  right: 9px;
  display: block;
  background: url(img/close.png) no-repeat;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.warning p {
  margin-top: 0; 
  margin-bottom: 1em; 
}

.warn_more {
  font-weight: normal;
  display: none;
}

#offline_ie_cd_warning .warn_more {
  display: block;
}

.warn_more li {
  display: list-item; /* overrides .map li */
  font-weight: normal;
  list-style: square;
  margin-left: 17px;
}
.ie6 .warn_more li,
.ie7 .warn_more li {
  display: block !important;
}

li .warn_more_show { /* Chrome offline */
  text-decoration: none;
}
li .warn_more_show:hover {
  text-decoration: underline;
}

/* Unsupported IE warning */
.offline .show_warnings #offline_ie_warning { display: block; } /* show_warnings via JS si no hay cookie */
/* Other unsupported browsers */
.not_supported .show_warnings #old_browsers_warning { display: block; }
#old_browsers_offline { display: none; }
.offline .not_supported .show_warnings #old_browsers_offline { display: block; }
.offline.chrome .show_warnings #offline_chrome_warning { display: block; }

.print_warning { 
  /* No queremos que lo lean screen-readers. */
  display: none;
  visibility: hidden;
}

.viewer {
  width: 742px;
  height: 426px;
  padding: 6px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  background: #DFDFDF; /* Older browsers */
  background: rgba(0, 0, 0, .05);
  -webkit-border-radius: 6px 6px 0 6px;
  -moz-border-radius: 6px;
  -moz-border-radius-bottomright: 0px;
  border-radius: 6px 6px 0 6px; 
  }
.viewer .inner {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #252525;
  }

/* Mapa */
#map {
  float: left;
  width: 625px;
  height: 424px;
  border-right: none;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px; 
  background: url(img/map.jpg);
  }

/* Menu de layers */
#layers {
  float: right;
  width: 116px;
  font-size: 91.66%;
  position: relative;
  z-index: 1000;
  }
#overlays {
  position: absolute;
  right: 0;
  height: 464px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-radius: 0px 4px 4px 4px;
  border-radius: 0px 4px 4px 4px;
  font-size: 91.66%;
  z-index: 990;
}
.ie6 #overlays {
  top: 6px;
}
#layers ul,
#overlays ul {
  margin: 0;
  padding: 1px 0;
  height: 422px;
  list-style: none;
  background: #252525;
  border-left: 1px solid #151515;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  }
#overlays ul {
  width: 114px;
  margin: 0 7px 0 4px;
  background: #3b3b3b; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiM2IzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzY1NjU2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTY1NjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), transparent;
  background: -moz-linear-gradient(left, #3b3b3b 0%, #656565 21%, #656565 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3b3b3b), color-stop(21%,#656565), color-stop(100%,#656565)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #3b3b3b 0%,#656565 21%,#656565 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #3b3b3b 0%,#656565 21%,#656565 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #3b3b3b 0%,#656565 21%,#656565 100%); /* IE10+ */
  background: linear-gradient(left, #3b3b3b 0%,#656565 21%,#656565 100%); /* W3C */
  zoom: 1.0;
  }
#layers li,
#overlays li {
  border-top: 1px solid #515151;
  position: relative;
  zoom: 1.0;
  }
#overlays li {
  border-top: 1px solid #848484;
  }
#layers li:first-child,
#overlays li:first-child {
  border-top-color: transparent;
  }
#layers li.first-child,
#overlays li.first-child {
  border-top-color: #252525;
  }
#layers li a,
#overlays li a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding-left: 6px;
  height: 26px;
  line-height: 26px;
  border-bottom: 1px solid #0d0d0d;
  zoom: 1.0;
  }
#overlays li a {
  border-bottom: 1px solid #232323;
}

#layers li:last-child a,
#overlays li:last-child a {
  border-bottom-color: transparent;
  }
#layers li.last-child a,
#overlays li.last-child a {
  border-bottom-color: #252525;
  }
#layers .selected,
#overlays .selected {
  border-top-color: #ee5f45 !important;
  margin-top: -1px;
  }
#overlays .disabled {
  border-top: 1px solid #848484 !important;
  margin-top: 0 !important;
}
#layers li:hover,
#overlays li:hover,
#layers li.hover,
#overlays li.hover {
  border-top-color: #0fa2e0;
  margin-top: -1px;
  }
#layers .selected a,
#overlays .selected a {
  background: #be331a !important;
  padding-top: 1px !important;
  border-bottom-color: #be331a !important;
  outline: none !important;
  cursor:default;
  }
.ie7 #layers .selected a,
.ie7 #overlays .selected a {
  margin-bottom: -3px;
}
#overlays .disabled a,
#overlays .disabled:hover a {
  border-bottom: 1px solid #0d0d0d !important;
  background: #505050;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiM2IzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzY1NjU2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTY1NjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #3b3b3b 0%, #656565 21%, #656565 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3b3b3b), color-stop(21%,#656565), color-stop(100%,#656565)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #3b3b3b 0%,#656565 21%,#656565 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #3b3b3b 0%,#656565 21%,#656565 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #3b3b3b 0%,#656565 21%,#656565 100%); /* IE10+ */
  background: linear-gradient(left, #3b3b3b 0%,#656565 21%,#656565 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#656565',GradientType=1 ); /* IE6-8 */
  padding-top: 0 !important;
  color: #787878;
  text-shadow: 0px -1px 0 #101c23;
  -moz-transition: all 0.2s ease;
  cursor: default;
}
#layers li:hover a,
#layers li a:focus,
#overlays li:hover a,
#overlays li a:focus,
#layers li.hover a,
#overlays li.hover a {
  background: #006fb6;
  border-bottom-color: #006fb6;
  outline: 0;
}
#layers li:hover a,
#overlays li:hover a,
#layers li.hover a,
#overlays li.hover a {
  padding-top: 1px;
}

#layers .selected + li,
#overlays .selected + li {
  border-top-color: #9b1800 !important;
}
#overlays .disabled + li {
  border-top-color: #848484 !important;
}
#layers li:hover + li,
#overlays li:hover + li {
  border-top-color: #0f517c;
}
#layers .hover_plus_li,
#overlays .hover_plus_li {
  border-top-color: #0f517c;
}
.ie6 #layers .selected_plus_li,
.ie6 #overlays .selected_plus_li {
  border-top-color: #9b1800;  /* for IE6 */
}
#layers .selected:last-child,
#overlays .selected:last-child {
  border-bottom: 1px solid #9b1800;
}
#layers .selected-last-child,
#overlays .selected-last-child {
  border-bottom: 1px solid #9b1800;
}
#layers .selected:first-child,
#overlays .selected:first-child,
#layers li:first-child:hover,
#overlays li:first-child:hover {
  -moz-border-radius-topright: 4px;
  -webkit-border-radius: 0px 4px 0 0px;
  border-radius: 0px 4px 0 0px;
  }
#layers .selected:first-child a,
#overlays .selected:first-child a,
#layers li:first-child:hover a,
#overlays li:first-child:hover a {
  -moz-border-radius-topright: 4px;
  -webkit-border-radius: 0px 4px 0 0px;
  border-radius: 0px 4px 0 0px;
  }
.fullmenu #layers .selected:last-child,
.fullmenu #overlays .selected:last-child,
.fullmenu #layers li:last-child:hover,
.fullmenu #overlays li:last-child:hover {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-radius: 0px 0 4px 0px;
  border-radius: 0px 0 4px 0px;
  }
.fullmenu #layers .selected:last-child a,
.fullmenu #overlays .selected:last-child a,
.fullmenu #layers li:last-child:hover a, 
.fullmenu #overlays li:last-child:hover a {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-radius: 0px 0 4px 0px;
  border-radius: 0px 0 4px 0px;
  padding-bottom: 3px;
  }
#layers li .before,
#layers li a .before {
  display: none;
}
#layers .selected:before,
#layers .selected .before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: -7px;
  z-index: 999;
  width: 0;
  height: 0;
  border-right: 6px solid #6d6d6e;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  }
#layers .selected a:before,
#layers .selected a .before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: -6px;
  z-index: 1000;
  width: 0;
  height: 0;
  border-right: 6px solid #be331a;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  }

/* Superponer */

#controls {
  font-size: 91.66%;
  height: 28px;
  padding: 2px;
  background: #2e2e2e; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlMmUyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #2e2e2e 0%, #111111 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e2e2e), color-stop(100%,#111111)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #2e2e2e 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #2e2e2e 0%,#111111 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #2e2e2e 0%,#111111 100%); /* IE10+ */
  background: linear-gradient(top,  #2e2e2e 0%,#111111 100%); /* W3C */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  }
head:first-child+body #controls {  /* Owen hack for hide this from IE6 */
  position: absolute;
  bottom: 17px;
  left: 638px;
  z-index: 1000;
}
.ie6 #controls {
  width: 97px;
}
.ie6_ready #controls {
  position: absolute;
  bottom: 17px;
  left: 638px;
  z-index: 1000;
}
.fullmenu #controls {
  padding: 6px;
  background: #DFDFDF; /* Older browsers */
  background: rgba(0, 0, 0, .05);
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
head:first-child+body .fullmenu #controls {
  bottom: -40px;
  left: 627px;
}
.ie7 .fullmenu #controls,
.ie6 .fullmenu #controls {
  width: 115px;
  overflow: hidden;
}
.ie6_ready .fullmenu #controls {
  bottom: -40px;
  left: 627px;
}

#controls .button {
  display: inline-block;
  background: #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
  padding: 2px;
  width: 93px;
  margin: 0;
}
.fullmenu #controls .button {
  background: #2f2f2f; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmMmYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTQ5NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), transparent;
  background: -moz-linear-gradient(top, #2f2f2f 0%, #494949 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f2f2f), color-stop(100%,#494949)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2f2f2f 0%,#494949 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2f2f2f 0%,#494949 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2f2f2f 0%,#494949 100%); /* IE10+ */
  background: linear-gradient(top, #2f2f2f 0%,#494949 100%); /* W3C */
  -webkit-box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, .29), 0 0 2px 2px rgba(0, 0, 0, .29);
  -moz-box-shadow: inset 0 0 0px 1px rgba(0, 0, 0, .29), 0 0 2px 2px rgba(0, 0, 0, .29);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .29), 0 0 2px 2px rgba(0, 0, 0, .29); 
  width: 110px;
}
.ie8 .fullmenu #controls .button,
.ie7 .fullmenu #controls .button,
.ie6 .fullmenu #controls .button {
  float: left;
}
.ie7 .fullmenu #controls .button {
  margin-right: 6px;
}
.ie6 .fullmenu #controls .button {
  margin-right: 4px;
}
#controls button {
  background: #008fe9; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGZlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjVmOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), transparent;
  background: -moz-linear-gradient(top, #008fe9 0%, #025f9a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008fe9), color-stop(100%,#025f9a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #008fe9 0%,#025f9a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #008fe9 0%,#025f9a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #008fe9 0%,#025f9a 100%); /* IE10+ */
  background: linear-gradient(top, #008fe9 0%,#025f9a 100%); /* W3C */
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
  height: 24px;
  text-transform: uppercase;
  color: #fff;
  font-size: .909em;
  font-weight: bold;
  text-shadow: 0px -1px 2px #000000;
}
.ie8 #controls button,
.ie7 #controls button,
.ie6 #controls button {
  padding: 0 4px;
}

#controls button:focus {
  box-shadow: 0 0 7px rgba(255, 255, 255, 0.5) inset, 0 0 1px rgba(255, 255, 255, 1) inset;
  -webkit-transition: box-shadow .2s ease;
  -moz-transition: box-shadow .2s ease;
  -o-transition: box-shadow .2s ease;
  -ms-transition: box-shadow .2s ease;
  transition: box-shadow .2s ease;
}
#controls .opacity {
  width: 212px;
}
#controls .ready {
  position: absolute;
  top: -46px;
  left: 0;
}
.ie7 #controls .ready,
.ie6 #controls .ready {
  top: -30px;
}
.fullmenu #controls .opacity {
  position: static;
  display: inline-block;
  width: 107px;
  margin: 0 0 0 6px;
}
#controls .opacity a {
  border-bottom: none;
}

/* 
 * jQuery Rangeinput 
 */
/* slider root element */
.slider { 
	background: #484848; 
	height: 18px; 
	position: relative;
  top: 6px;
  margin-top: -2px;
	cursor: default;
	border: 1px solid rgba(132, 132, 132, .1);
	clear: right;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	-webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, .9);
  -moz-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, .9);
  box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, .9); 
}
.ie8 .slider {
  top: -2px;
}
/* progress bar (enabled with progress: true) */
.progress {
  margin: 8px;
	height: 2px; 
	background-color: #2e2e2e; 
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, .1);
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, .1);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, .1); 
  overflow: hidden;
}
.ie8 .progress {
  position: relative;
  top: 8px;
}
/* drag handle */
.handle { 
	background: #007bc9 url(img/handle.png) center no-repeat;
  border: 1px solid rgba(0, 123, 201, .1);
  -moz-box-shadow: inset 0px 0 2px 2px rgba(0, 0, 0, .25); 
  -webkit-box-shadow: inset 0px 0 2px 2px rgba(0, 0, 0, .25); 
  box-shadow: inset 0px 0 2px 2px rgba(0, 0, 0, .25); 
	height: 18px;
	width: 15px;
  -moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px; 
	top: -1px;
	position: absolute; 
	display: block; 
	cursor: move;
}
.ie8 .handle,
.ie7 .handle,
.ie6 .handle {
  top: 0;
}

.ie7 .opacity .focused,
.ie6 .opacity .focused {
  border: 1px dotted white;
  border-width: 0 1px;
}



.grabbing {
  cursor: -moz-grabbing;
	cursor: grabbing;
}


/* Antartida */
#related li {
  display: none;
  position: absolute;
  bottom: 14px;
  left: 572px;
  z-index: 9999;
  padding: 0;
  width: 52px;
  height: 52px;
}
#related a {
  padding: 0;
}


/* Referencias */
#image {
  position: absolute;
  top: 468px;
  left: 8px;
  }
#image h2 {
  font-family: NobileBold, Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #157bbb;
  background-image: url(img/image-h2.png);
  background-position: 0 8px;
  background-repeat: no-repeat;
  padding-left: 16px;
  cursor: move !important;
  margin: 0;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  float: left;
  padding-right: 6px;
  }
.ie7 #image h2,
.ie6 #image h2 {
  float: none;
}
#image.dragging h2 {
  cursor: -moz-grabbing !important;
	cursor: grabbing !important;
}
.ie7 .dragging {
  opacity: 1 !important;
}
#image .content {
  clear: left;
  padding: 6px;
  -moz-border-radius: 6px;
  -moz-border-radius-topleft: 0;
  -webkit-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
#image.min-width .content {
  -moz-border-radius-topright: 0;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}


#image img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow:  1px 1px 1px rgba(100,100,100,.5); /* FF3.5+ */
  -webkit-box-shadow:  1px 1px 1px rgba(100,100,100,.5); /* Saf3.0+, Chrome */
  box-shadow: 1px 1px 1px rgba(100,100,100,.5);
  display: block;
  }
#image.dragged h2,
#image.dragged .content {
  background-color: #000;
  background-color: rgba(0, 0, 0, .7);
  color: #fff;
}
.ie7 .dragged h2,
.ie7 .dragged .content,
.ie6 .dragged h2,
.ie6 .dragged .content {
  background-color: #000 !important;
  color: #fff !important;
}


#image.dragged img {
  -moz-box-shadow:  none; /* FF3.5+ */
  -webkit-box-shadow:  none; /* Saf3.0+, Chrome */
  box-shadow: none;
}


#tools {
  padding: 1px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #000;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  position: absolute;
  top: 127px;
  left: 12px;
  width: 37px;
  z-index: 999;
}
#tools .clearfix {
  display: block;
}
#tools .toggler {
  float: left;
  margin: 0 3px 1px 1px;
  width: 12px;
  height: 12px;
  background: url(img/tools.png) left bottom no-repeat;
  cursor: pointer;
}
.ie6 #tools .toggler {
  margin-top: -4px;
}
#tools.collapsed .toggler {
  background-position: right bottom;
}
#tools .handler {
  float: left;
  margin: 0 0 1px 0;
  width: 18px;
  height: 12px;
  background: url(img/tools.png) center top no-repeat;
  cursor: move !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#tools.dragging .handler {
  cursor: -moz-grabbing !important;
	cursor: grabbing !important;
}
#tools ul {
  list-style: none;
  margin: 0;
  padding: 4px 0;
  background: #0468a7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  zoom: 1.0;
  position: relative;
}
#tools.collapsed ul {
  height: 25px;
  overflow: hidden;
}
#tools li {
  width: 37px; 
  padding: 1px 0;
  position: relative;
  zoom: 1.0;
}
#tools.collapsed li {
  padding: 0;
}
#tools .separator {
  border-bottom: 1px solid #012c48; /* #015285 */
}
#tools.collapsed .separator {
  border-bottom: none;
}
#tools .separator + li, 
#tools .separator + li + li {
  border-top: 1px solid #015285; /* #218fd4 */
}
#tools.collapsed .separator + li, 
#tools.collapsed .separator + li + li {
  border-top: none
}
#tools .separator + li:before, 
#tools .separator + li + li:before {
  content: "";
  display: block;
  margin-top: -1px;
  border-top: 1px solid #218fd4; /* #012c48 */
}
#tools.collapsed .separator + li:before, 
#tools.collapsed .separator + li + li:before {
  display: none;
}
#tools li input {
  display: none;
}
#tools li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 31px;
  z-index: 1;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-top-color: #218fd4;
  border-right-color: #218fd4;
  border-bottom-color: #015386;
  border-left-color: #015386;
}
#tools li:hover ul,
#tools li.hover ul {
  display: block;
}
#tools li li {
  float: left;
}
#tools label,
#tools .label {
  background-image: url(img/toolbar.png); 
  background-repeat: no-repeat; 
  height: 23px;
  width: 27px;
  margin: 0 4px;
  border: 1px solid #0468A7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  zoom: 1.0;
  }
.ie6 #tools label,
.ie6 #tools .label {
  background-image: url(img/ie6-toolbar.png); 
}
#tools li li label {
  margin: 0;
}
#tools.collapsed li {
  position: absolute;
  top: 5px;
  overflow: hidden;
}
#tools .label {
  width: 24px;
  border: none;
}
#tools.collapsed label,
#tools.collapsed .label {
  display: none;
}
#tools label:hover,
#tools label.hover {
  background-color: #4ba0d6;
}
#tools .checked {
  background-color: #003e73;
  border-color: #1174b2;
  -webkit-box-shadow: inset 1px 1px rgba(0, 0, 0, .56);
  -moz-box-shadow: inset 1px 1px rgba(0, 0, 0, .56);
  box-shadow: inset 1px 1px rgba(0, 0, 0, .56); 
}
#tools.collapsed .checked,
#tools.collapsed .checked:hover,
#tools.collapsed .checked_hover {
  display: block;
  background-color: transparent;
  border-color: #0468A7;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; 
}
#tools .textsize,
#tools .brushsize,
#tools .color {
  position: relative;
}
.ie7 #tools .textsize,
.ie7 #tools .brushsize,
.ie7 #tools .color {
  width: 33px !important;
}
.ie7 #tools .color + li {
  width: 34px !important;
  margin-top: -3px;
}
#tools .textsize:after,
#tools .brushsize:after,
#tools .color:after,
#tools .textsize .after,
#tools .brushsize .after,
#tools .color .after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2px;
  margin-top: -4px;
  border-left: 4px solid #fff;
  border-top: 4px solid #0468A7;
  border-bottom: 4px solid #0468A7;
  visibility: visible;
  font-size: 1px;
}
#tools.collapsed .textsize:after,
#tools.collapsed .brushsize:after,
#tools.collapsed color:after {
  visibility: hidden;
  top: -99px;
}
#tools .modify {
  background-position: 0 0; 
  }
#tools .eraser {
  background-position: -29px 0; 
  }
#tools .square {
  background-position: -145px 0; 
  }
#tools .circle {
  background-position: -58px 0; 
  }
#tools .pencil {
  background-position: -116px 0; 
  }
#tools .polygon {
  background-position: -87px 0; 
  }
#tools .text {
  background-position: -174px 0; 
  }
#tools .textsize {
  display: none;  /* Hidden by default */
}
#tools .textsize ul,
#tools .brushsize ul {
  width: 93px;
}
.ie6 #tools .textsize ul,
.ie6 #tools .brushsize ul {
  width: 99px;
}
#tools .textsize li,
#tools .brushsize li {
  width: 27px;
  padding: 2px;
}
#tools .textsize li label,
#tools .brushsize li label {
  height: 21px;
}
#tools .textsize .big {
  background-position: -205px -2px; 
  }
#tools .textsize .medium {
  background-position: -234px -2px; 
  }
#tools .textsize .small {
  background-position: -263px -2px; 
  }
#tools .brushsize .big {
  background-position: -292px -2px; 
  }
#tools .brushsize .medium {
  background-position: -321px -2px; 
  }
#tools .brushsize .small {
  background-position: -350px -2px; 
  }
#tools .color .label {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#tools .color ul {
  width: 496px;
}
#tools .color li {
  width: 29px;
  padding: 1px;
}
#tools .color li label {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #0468A7;
}
#tools .color li label:hover,
#tools .color li label.hover {
  border-color: #fff;
}
#tools .color .color_0 {
  background: #000;
}
#tools .color .color_1 {
  background: #666;
}
#tools .color .color_2 {
  background: #fff;
}
#tools .color .color_3 {
  background: #d00;
}
#tools .color .color_4 {
  background: #f90;
}
#tools .color .color_5 {
  background: #ff0;
}
#tools .color .color_6 {
  background: #0f0;
}
#tools .color .color_7 {
  background: #0ff;
}
#tools .color .color_8 {
  background: #4a86e8;
}
#tools .color .color_9 {
  background: #00f;
}
#tools .color .color_a {
  background: #90f;
}
#tools .color .color_b {
  background: #f0f;
}
#tools .color .color_c {
  background: #2a9a81;
}
#tools .color .color_d {
  background: #c43f26;
}
#tools .color .color_e {
  background: #f5ef87;
}
#tools .color .color_f {
  background: #f19cee;
}
#tools .ruler {
  background-position: -377px 0; 
  }

#measure {
  display: none;
  position: absolute;
  top: 14px;
  left: 482px;
  width: 134px;
  text-align: right;
  z-index: 9999;
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #0468a7;
  color: #fff;
  font-size: 10px;
}


.oldie #image .content img {
  border: 1px solid #ccc; /* IE6 - 8 */
  }

#map_loading {
  background: url(img/loading.gif) no-repeat 0 50%;
  padding-left: 20px;
  color: #444;
  font-weight: bold;
  position:  absolute;
  top: 194px;
  left: 2px;
}

.no-js #map_loading,
.ready #map_loading,
#tools .textsize:after, 
#tools .brushsize:after, 
#tools .color:after {
  display: none;
}
#main .options,
#main .main,
#main .sidebar,
.ie6 .map .image img {
  visibility: hidden;
}
.ready #tools .textsize:after, 
.ready #tools .brushsize:after, 
.ready #tools .color:after {
  display: block;
}
.no-js #main .options,
.ready #main .options,
.ready #main .main,
.ready #main .sidebar,
.ready .map .image img {
  visibility: visible;
}

/* Listado de articulos */

.entry {
  margin-bottom: 1.583em;
  }
.entry h2 {
  margin: 0 0 .5em;
  }
.entry p {
  margin: 0 0 .5em;
  }
.entry .tags,
.entry .id {
  margin: 0;
  font-size: 91.66%;
  color: #626262;
  }

.entry .tags a {
  color: #626262;
  text-decoration:none;
  }

.entry .tags a:hover {
  color: #333;
  text-decoration:underline;
  }

.entry .id {
  float: left;
  width: 32px;
  height: 22px;
  line-height: 22px;
  margin: 2px 0 0 -50px;
  position: relative;
  text-align: center;
  color: #fff;
  background: #777;
  background: rgba(0, 0, 0, .5);
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.entry .id span {
  display: none;
}
.entry .image {
  float: left;
  width: 140px;
  /* FIXME hay que volver a subir todas las img de caracter al tamaño correcto? Chequear. */
  }


.entryNoThumb .id {
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  text-transform: uppercase;
  text-align: left;
  color: #646C71;
  font-size: 83.33%;
  font-weight: bold;
  background: none;
  
}
.entryNoThumb .id span {
  display: inline;
  }

/* Articulo single */

.article .id {
  text-transform: uppercase;
  color: #646C71;
  font-size: 83.33%;
  font-weight: bold;
  margin: 0;
  }

/* Widgets */

/* Categorias de portada */
.category {
  margin-bottom: 1.583em;
  }
.category .image {
  float: left;
  width: 80px;
  margin-left: -3px;
  }
.category h3 {
  margin: 0;
  line-height: 1.056;
  }
.category .content {
  margin-left: 80px;
  }
.ie6 .category .content {
  margin-left: 0;
  zoom: 1;
}


/* Secuencias por tema en portada */
.links a {
  text-decoration: none;
}
.links a:hover {
  text-decoration: underline;
}
.links ul {
  -moz-column-count: 5;
  -moz-column-gap: 10px;
  -webkit-column-count: 5;
  -webkit-column-gap: 10px;
  column-count: 5;
  column-gap: 10px;
  margin-bottom: 1em;
  list-style-position: outside;
  }
.widget .links ul {
  -moz-column-count: 2;
  -moz-column-gap: 10px;
  -webkit-column-count: 2;
  -webkit-column-gap: 10px;
  column-count: 2;
  column-gap: 10px;
}

/* Sidebar articulo */
.widget-area {
  padding-top: 36px;
  }
.widget {
  padding: 10px 10px 20px;
  border-top: 1px dotted #767575;
  }
.widget:first-child {
  padding-top: 0;
  border-top: none;
  }
.widget-first-child {
  padding-top: 0;
  border-top: none;
  }
.widget h2 {
  margin: 0;
  }
.widget .inner {
  margin: 0 10px;
  }
.widget ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }

.widget ul li{
  line-height:18px;
  margin-bottom:9px;
  }


.widget ul li a {
  padding:0;
  display:table;
  -webkit-column-break-inside: avoid;
  width:100%;
  -moz-transition:all 0.1s linear;
  -webkit-transition:all 0.1s linear;
  transition:all 0.1s linear;
  }

.tax-territorio .widget ul li a,
.single-secuencia .widget ul li a {
  display: block;
  }

.widget .selected a{
  font-weight: bold;
  }

.filter {
  padding-right: 0;
  }

/* Thumbnail de la secuencia */
.entry-image {
  padding: 0 0 36px;
  margin: 0 8px !important;
  }
.entry-image img {
  display: block;
  background: #fff;
  padding: 2px;
  }

/* Datos de la secuencia */
.entry-meta dt {
  font-weight: normal;
  font-family: NobileBold, Arial, Helvetica, sans-serif;
  }
.entry-meta dd {
  margin-left: 0;
  font-size: 91.66%;
  line-height: 1.727;
  color: #5a5a5a;
  }

.entry-meta dt .after,
.entry-meta dd .after {
  display: none;
  }

.entry-meta .tags h3 {
  font-family: NobileBold, Arial, Helvetica, sans-serif;
  text-transform: none;
  color: #000000;
  font-size: 100%;
  margin-bottom: 0;
  }
.entry-meta .tags p {
  margin-top: 0;
  }  
.entry-meta .tags a {
  font-size: 91.66%;
  }
.entry-meta .notice {
  font-style: italic;
  color: #282828;
  }

/* Relacionadas */
.entry-related ul {
  list-style-image: url(img/article-ul.png);
  padding-left: 22px;
  margin: 0;
  }
.entry-related .thumbnail {
  list-style-image: none;
  list-style: none;
  padding-left: 0;
  }
.entry-related .thumbnail li {
  padding: 10px 0;
  }
.entry-related .thumbnail a {
  text-decoration: none;
  padding: 5px 0 0 66px;
  position: relative;
  display: block;
  width: auto;
  min-height: 47px;
  zoom: 1;
  }
.ie6 .entry-related .thumbnail a {
  height: 47px;
}
.entry-related .thumbnail .thumb {
  position: absolute;
  top: 0;
  left: 0;
  }
.entry-related .thumbnail .thumb img {
  display: block;
  }
.entry-related b {
  display: block;
  font-size: 108.33%;
  font-weight: bold;
  text-decoration: underline;
  }
.entry-related span {
  display: block;
  text-transform: uppercase;
  color: #4d4e4e;
  font-size: 83.33%;
  }
.ie8 .entry-related .overlay .thumb img {
  position: relative;
  z-index: -1;
}
.entry-related .overlay .thumb:after,
.entry-related .overlay .thumb .after {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 99;
  }
.entry-related .overlay .politico-mudo .thumb:after,
.entry-related .overlay .politico-mudo .thumb .after,
.entry-related .overlay .politico .thumb:after,
.entry-related .overlay .politico .thumb .after {
  background: url(img/map/politico.png) no-repeat;
  }

.entry-related .overlay .fisico-altibatimetrico .thumb:after,
.entry-related .overlay .fisico-altibatimetrico .thumb .after,
.entry-related .overlay .fisico-altibatimetrico-mudo .thumb:after,
.entry-related .overlay .fisico-altibatimetrico-mudo .thumb .after,
.entry-related .overlay .fisico-orografico .thumb:after,
.entry-related .overlay .fisico-orografico .thumb .after,
.entry-related .overlay .fisico-orografico-mudo .thumb:after,
.entry-related .overlay .fisico-orografico-mudo .thumb .after,
.entry-related .overlay .fisico-mudo .thumb:after,
.entry-related .overlay .fisico-mudo .thumb .after,
.entry-related .overlay .fisico .thumb:after,
.entry-related .overlay .fisico .thumb .after {
  background: url(img/map/fisico.png) no-repeat;
  }
.entry-related .overlay .climatico-mudo .thumb:after,
.entry-related .overlay .climatico-mudo .thumb .after,
.entry-related .overlay .climatico .thumb:after,
.entry-related .overlay .climatico .thumb .after {
  background: url(img/map/climatico.png) no-repeat;
  }
.entry-related .overlay .economico-mudo .thumb:after,
.entry-related .overlay .economico-mudo .thumb ,after,
.entry-related .overlay .economico .thumb:after,
.entry-related .overlay .economico .thumb .after {
  background: url(img/map/economico.png) no-repeat;
  }
.entry-related .overlay .turistico .thumb:after,
.entry-related .overlay .turistico .thumb .after {
  background: url(img/map/turistico.png) no-repeat;
  }
.entry-related .overlay .eco-regiones .thumb:after,
.entry-related .overlay .eco-regiones .thumb .after,
.entry-related .overlay .ambiental .thumb:after,
.entry-related .overlay .ambiental .thumb .after {
  background: url(img/map/ambiental.png) no-repeat;
  }
.entry-related .overlay .historico .thumb:after,
.entry-related .overlay .historico .thumb .after {
  background: url(img/map/historico.png) no-repeat;
  }
.entry-related .overlay .cultural .thumb:after,
.entry-related .overlay .cultural .thumb .after {
  background: url(img/map/cultural.png) no-repeat;
  }
.entry-related .overlay .demografico .thumb:after,
.entry-related .overlay .demografico .thumb .after {
  background: url(img/map/demografico.png) no-repeat;
  }
.entry-related .overlay .arqueologico .thumb:after,
.entry-related .overlay .arqueologico .thumb .after {
  background: url(img/map/arqueologico.png) no-repeat;
  }
/* Herramientas en los articulos */
.entry-tools ul {
  list-style: none;
  padding-left: 0;
  }
.entry-tools li {
  display: inline;
  font-weight: bold;
  margin-right: 12px;
  }
.entry-tools .share {
  background: url(img/share.png) 2px 0 no-repeat;
  padding-left: 22px;
  }
.entry-tools a {
  text-decoration: none;
  }
  
/* Override ShareThis */  
li .stButton {
  margin: 0;
  padding: 0 0 0 6px;  /* Pág de mapa */
  }

.map li .stButton {
    color: #0069BA;
    display: inline-block;
    line-height: 21px;
    padding-right: 18px;
  cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 0 24px 0 6px;
    position: relative;
    white-space: nowrap;
  }

li.share .stButton {
  padding: 0; /* Pág de secuencia */
  }
.oldie li.share .stButton {
  padding-right: 3px; 
  }      
li .stButton .chicklets {
  background: none;
  padding: 0;
  color: #0069BA;
  font-family: sans-serif;
  font-size: 1.1em;
  }  


/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Sat Mar  3 09:04:15.0000000000 2012
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  }

  /* Fluid class for determining actual width in IE */
  .ui-tooltip-fluid{
    display: block;
    visibility: hidden;
    position: static !important;
    float: left !important;
  }
  .ui-tooltip-content{
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    border: 1px solid #000001;
    text-align: left;
    word-wrap: break-word;
    overflow: hidden;
  }
  .ui-tooltip-titlebar{
    position: relative;
    min-height: 14px;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border: 1px solid #000001;
    border-width: 1px 1px 0;

    font-weight: bold;
  }
  .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

    /*! Default close button class */
    .ui-tooltip-titlebar .ui-state-default{
      position: absolute;
      right: 4px;
      top: 50%;
      margin-top: -9px;
      cursor: pointer;
      outline: medium none;
      border-width: 1px;
      border-style: solid;
    }
    * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */
    .ui-tooltip-titlebar .ui-icon,
    .ui-tooltip-icon .ui-icon{
      display: block;
      text-indent: -1000em;
    }
    .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
    }
      .ui-tooltip-icon .ui-icon{
        width: 18px;
        height: 14px;
        text-align: center;
        text-indent: 0;
        font: normal bold 10px/13px Tahoma,sans-serif;
        color: inherit;
        background: transparent none no-repeat -100em -100em;
      }


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{
  }

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
  
  }

/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
  border-color: #F1D031;
  background-color: #FFFFA3;
  color: #555;
  }
  .ui-tooltip-default .ui-tooltip-titlebar{
    background-color: #FFEF93;
  }
  .ui-tooltip-default .ui-tooltip-icon{
    border-color: #CCC;
    background: #F1F1F1;
    color: #777;
  }
  .ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
    border-color: #AAA;
    color: #111;
  }

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
  }


  .ui-tooltip .ui-tooltip-tip,
  .ui-tooltip .ui-tooltip-tip *{
    position: absolute;
    line-height: 0.1px !important;
    font-size: 0.1px !important;
    color: #123456;
    background: transparent;
    border: 0px dashed transparent;
  }
  .ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }



/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  }
  .ui-tooltip-shadow .ui-tooltip-titlebar,
  .ui-tooltip-shadow .ui-tooltip-content{
    filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";
    _margin-bottom: -3px; /* IE6 */
    .margin-bottom: -3px; /* IE7 */
  }

/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  }
.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  }

/* Tipsy style */
.ui-tooltip-tipsy{
  border: 0;
  }
  .ui-tooltip-tipsy .ui-tooltip-titlebar,
  .ui-tooltip-tipsy .ui-tooltip-content{
    _margin-bottom: 0; /* IE6 */
    .margin-bottom: 0; /* IE7 */
    /*background: transparent;
    background: rgba(0, 0, 0, .87);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";*/
    color: white;
    border: 0px transparent;
    font-size: 11px;
    font-family: 'Lucida Grande', sans-serif;
    font-weight: bold;
    line-height: 16px;
    text-shadow: 0 1px black;
  }
  .ui-tooltip-tipsy .ui-tooltip-titlebar{
    padding: 6px 35px 0 10;
  }
  .ui-tooltip-tipsy .ui-tooltip-content{
    padding: 6px 10;
  }
  .ui-tooltip-tipsy .ui-tooltip-icon{
    border-color: #222;
    text-shadow: none;
  }
  .ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
    border-color: #303030;
  }

/* Tipped style */
.ui-tooltip-tipped{
  }
  .ui-tooltip-tipped .ui-tooltip-titlebar,
  .ui-tooltip-tipped .ui-tooltip-content{
    border: 3px solid #959FA9;
    filter: none; -ms-filter: none;
  }
  .ui-tooltip-tipped .ui-tooltip-titlebar{
    background: #3A79B8;
    background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
    color: white;
    font-weight: normal;
    font-family: serif;
    border-bottom-width: 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
  }
  .ui-tooltip-tipped .ui-tooltip-content{
    background-color: #F9F9F9;
    color: #454545;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
  }
  .ui-tooltip-tipped .ui-tooltip-icon{
    border: 2px solid #285589;
    background: #285589;
  }
    .ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
      background-color: #FBFBFB;
      color: #555;
    }

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
  filter: none;
  -ms-filter: none;
  }
  
/* Tipsy Mapoteca */
.ui-tooltip-tipsy {
  cursor: pointer;
  cursor: hand;
}
html .ui-tooltip-tipsy .ui-tooltip-titlebar,
html .ui-tooltip-tipsy .ui-tooltip-content {
  background: url(img/tooltip-rgba.png) repeat-x;
  background: rgba(91, 38, 32, .8);
  text-transform: uppercase;
  text-shadow: none;
}
.ie6 .ui-tooltip-tipsy .ui-tooltip-titlebar,
.ie6 .ui-tooltip-tipsy .ui-tooltip-content {
  background: url(img/tooltip.png) repeat-x;
}

.ui-tooltip-export .ui-tooltip-content,
.ui-tooltip-notallowed .ui-tooltip-content {
  background: #FFFBCC;
  border: none;
  color: #323127;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow:  0 1px 1px rgba(100,100,100,.5); /* FF3.5+ */
  -webkit-box-shadow:  0 1px 1px rgba(100,100,100,.5); /* Saf3.0+, Chrome */
  box-shadow: 0 1px 1px rgba(100,100,100,.5);
}
.ui-tooltip-notallowed .ui-tooltip-content {
  background: #BE331A;
  color: #fff;
  font-weight: bold;
}


.ui-tooltip-tools {
  margin-top: -6px;
  margin-left: -7px;
  width: auto !important;
}
.ui-tooltip-tools .ui-tooltip-content {
  background: #0c0c0c;
  border: 1px solid #000000;
  font-size: 9px;
  font-weight: normal;
  line-height: 14px;
  color: #fff;
  padding: 0 1px 0 3px;
  letter-spacing: 1px;
}
.ui-tooltip-tools .ui-tooltip-tip {
  display: none !important;
}


/* =============================================================================
   OpenLayers customization
   ========================================================================== */

/* FIXME revisar si no se puede hacer desde OpenLayers o más prolijamente como un OL theme */

.olControlMousePosition {
  top: 3px;
  bottom: auto !important;
  color: #fff;
  background: rgba(0, 0, 0, .8);
  padding: 0 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  /*display: none !important;*/
  }
.olControlScaleLineBottom,
.olControlZoomToMaxExtentItemInactive {
  display: none !important;
  }
.olControlZoomPanel {
  left: 16px !important;
  top: 59px !important;
  }
.olControlZoomOutItemInactive {
  top: 28px !important;
  }
.olControlPanPanel {
  top: 9px !important;
  left: 7px !important;
  width: 37px;
  height: 37px;
  background: url(js/libs/img/panbar.png) no-repeat;
  }
.olControlPanPanel div {
  background-image: none !important;
  height: 12px !important;
  }
.olControlPanEastItemInactive,
.olControlPanWestItemInactive {
  top: 12px !important;
  }
.olControlPanSouthItemInactive {
  top: 24px !important;
  }  
  
.olControlZoomPanel .disabled {
  cursor: default;
}


.olControlEditingToolbar {
  float: left !important;
  top: 140px !important;
  height: auto !important;
  width: 34px !important;
  right: auto !important;
  left: 8px !important;
}
.olControlEditingToolbar div {
  float: none !important;
}


.olHandlerTextForm {
  background: #fff;
}
.olHandlerTextPromptInput input {
  outline: none !important;
}


/* =============================================================================
   Export Modal window
   ========================================================================== */
#export .loading {
  display: none;
  background: url(img/loading.gif) no-repeat;
  padding-left: 20px;
  }
#export h2 {
  display: none;
  margin: 0 0 24px;
  font-weight: normal;
  font-family: NobileBold, Arial, Helvetica, sans-serif;
  font-size: 16px;
}
#export .prompt {
  display: none;
}
#export button {
  background: #008fe9; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGZlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMjVmOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), transparent;
  background: -moz-linear-gradient(top, #008fe9 0%, #025f9a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008fe9), color-stop(100%,#025f9a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #008fe9 0%,#025f9a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #008fe9 0%,#025f9a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #008fe9 0%,#025f9a 100%); /* IE10+ */
  background: linear-gradient(top, #008fe9 0%,#025f9a 100%); /* W3C */
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
  padding: 5px 10px;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.917em;
  font-weight: bold;
  text-shadow: 0px -1px 0 rgba(0,0,0,.5);
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease;  
}
#export button:hover,
#export button:focus {
  box-shadow: 0 0 5px rgba(0, 0, 255, 0.3), 0 0 1px #000 inset;
}
#export button:active {
  box-shadow: 0 0 5px rgba(0, 0, 255, 0.3), 0 0 1px #000 inset, 0 3px 3px rgba(0,0,0,.3) inset;
}
#export .download_my_map,
#export .print_my_map,
#export .delete_draw {
  margin-right: 10px;
}
#export .download_map,
#export .print_map,
#export .delete_cancel {
  background: #a2bac6; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyYmFjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NjllYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), transparent;
  background: -moz-linear-gradient(top,  #a2bac6 0%, #869eaa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2bac6), color-stop(100%,#869eaa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #a2bac6 0%,#869eaa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #a2bac6 0%,#869eaa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #a2bac6 0%,#869eaa 100%); /* IE10+ */
  background: linear-gradient(top,  #a2bac6 0%,#869eaa 100%); /* W3C */
}
#simplemodal-container .result { 
  display: none;
  height: 430px;
  width: 430px;
  position: absolute;
  top: 6px;
  left: 6px;
  overflow: hidden;
  text-align: center;
  }
#simplemodal-container .simplemodal-text {
  padding: 5px 10px;
  position: absolute;
  top: 12px;
  left: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #0468A6;
  color: #fff;
  z-index: 1;
}

/* Overlay */
#simplemodal-overlay { background-color:#000; }
.opera_print_my_map #simplemodal-overlay {
  opacity: .9 !important;
}
/* Container */
#simplemodal-container {
  width: 430px; 
  height: 116px; 
  color: #333; 
  background-color: #C1C1C1; 
  padding: 6px !important;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  }
#simplemodal-container .simplemodal-wrap {
  background-color: #fff; 
  text-align: left; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }
#simplemodal-container .simplemodal-data {
  padding: 12px 24px; 
}
#simplemodal-container a.modalCloseImg {
  background:url(img/x.png) no-repeat; 
  width:12px; 
  height:12px; 
  display:inline; 
  z-index:3200; 
  position:absolute; 
  top: 12px; 
  right: 12px; 
  cursor:pointer;
  }


/* =============================================================================
   WP Admin Bar
   ========================================================================== */


#wp-admin-bar-comments,
#wp-admin-bar-new-post,
#wp-admin-bar-new-page,
#wp-admin-bar-new-mapa,
#wp-admin-bar-new-media,
#wp-admin-bar-new-link {
  display: none;
  }

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

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

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

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

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

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

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table !important; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



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

@media only screen and (max-width: 1100px) {
  #container {
    margin-left: 56px;
    }
}
@media only screen and (max-width: 1024px) {
  #container {
    max-width: none;
    padding: 0 24px;
    margin: 0;
    }
  #map_loading {
    left: 24px;
  }  
  #menu {
    padding-left: 24px;
    }
  #help {
    padding-right: 24px;
    }
}
@media only screen and (max-width: 800px) {
  #container {
    padding: 0 12px;
    }
  #header .logo {
    margin-left: -6px;
    }
  #menu li {
    margin-right: 0;
    }
  #search {
    margin-left: 5px;
    }
  #menu ul {
    padding-right: 0;
    }
  #help {
    padding-right: 12px;
    }
}

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

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

  /* Elementos no imprimibles */
  nav,
  #menu,
  #help,
  #footer,
  .home-map,
  .breadcrumb,
  .entry-tools,
  .entry-image,
  .entry-related .thumb,
  .filter,
  #layers,
  .map .options,
  .entry-related.articles,
  .tax-territorio #header,
  .tax-territorio #tools,
  .tax-territorio #overlays,
  .tax-territorio #controls,
  .tax-territorio #image,
  .tax-territorio .sidebar,
  .tax-territorio #related {
    display: none !important;
    }
  #header a[href]:after { 
    /* Aparte, para no confundir a IE6. */
    display: none !important;    
    }
  /* Layout liquido */
  html,
  body,
  body #container {
    min-width: inherit;
    width: auto;  
  }
  .ie6 #container {
    width: auto !important;
  }
  .span-4,
  .span-5,
  .span-7,
  .span-8 {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    }
  .archive .span-9,
  .page-template-page-secuencias-php .span-9 {
    width: auto;
    }

  article {
    border-bottom: none;
    padding-bottom: 0;
    }
  article th,
  article thead td {
    background: #ccc !important;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    }
  article .wp-caption-text {
    background: #ccc !important;
    }
  aside,
  .widget {
    padding: 10px 0;
    margin: 0;
    }
  .widget:first-child {
    border-top: 1px dotted #767575;

    }
  #header {
    border-bottom: 1px solid #CCC;
    }
  #main {
    padding-top: 19px;
    }
  h1 {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 14px;
    }
  h1, /* Reset @font-face para print. */
  h2, /* Sólo funciona en Webkit, y las letras con acentos */
  h3, /* no se imprimen. */
  .excerpt,
  .single-secuencia .content > p:first-child,
  .entry-meta dt {
    font-family: sans-serif !important;
    }
  .single-secuencia .content > p:first-child {
    margin-top: 0;
  }
  .entry-related .thumbnail {
    list-style-image: url(img/article-ul.png);
    padding-left: 22px;
    }
  body .entry-related li {
    padding: 0;
    margin: 0;
    }
  .entry-related .thumbnail a {
    padding: 0;
    min-height: 0;
    height: auto;
    display:inline;
    }
  .entry-related b,
  .entry-related span {
    display: inline;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    }
  .entry-related li{
  	display:inline;
  	margin-right:15px;
    }
  .entry-meta dt:after, 
  .entry-meta dt .after  {
    content:":";
    display: inline;
    }
  .entry-meta dd:after, 
  .entry-meta dd .after  {
    content:",";
    display: inline;
    }
  .entry-meta dd:last-child:after {
    display: none; /* Última coma. */
    }  
  .entry-meta dt, 
  .entry-meta dd  {
    display:inline;
    }
  .single-secuencia article h2, 
  .single-secuencia article h3 {
  	font-weight:bold;
    }
  .single-secuencia .widget h2 {
    text-transform: none;
    }
  .entry-meta dd  {
    margin-right:5px;
    font-size:100%;
    }
  .tax-territorio .main {  
    min-height: 1em;
    padding-bottom: 0 !important;
    }

  .tax-territorio #map {  
    border: 1px solid #444;
    border-radius: 5px;
    padding: 1px;
    }

  .print_warning {  
    margin: 20px 0 0 6px;
    display: block;
    visibility: visible;
    color: #444 !important;
    clear: both;
    }
  .print_warning strong {
    border: 1px solid #444;
    color: #444 !important;
    border-radius: 3px;
    padding: 1px 6px;
    }  
  .opera .print_warning {
    display: none;
  }

  /* Imprimir Mi mapa (para IE 6-8) */
  .print-canvas #container,
  .print-canvas #cboxOverlay,
  .print-canvas #colorbox,
  .print-canvas #stSegmentFrame,
  .print-canvas #stwrapper,
  .print-canvas #simplemodal-overlay,
  .print-canvas #simplemodal-container {
    display: none !important;
  }
  /* Imprimir Mi mapa o tema (para Opera) */
  .print-img #container,
  .print-img #cboxOverlay,
  .print-img #colorbox,
  .print-img #stSegmentFrame,
  .print-img #stwrapper,
  .print-img #simplemodal-overlay,
  .print-img #simplemodal-container {
    display: none !important;
  }
  .print-img > .hidden {
    display: block !important;
    visibility: visible !important;
  }

  /* Imprimir mapa dibujado */
  .show-custom-map #container {
    display: none !important;
  }
  .show-custom-map #print canvas {
    display: inline !important;
  }

}

.no-js .tax-territorio .main,
.no-js .tax-territorio .sidebar,
.no-js .tax-territorio #new_draw,
.no-js .tax-territorio #select_print,
.no-js .tax-territorio #select_download li.export,
.oldie.no-js .menu,
.offline.no-js #offline_ie_warning,
.offline.no-js #search {
  display: none;
}
.no-js .tax-territorio #select_download .toggler {
  font-size: 16px;
}
.no-js .tax-territorio #select_download ul,
.no-js .tax-territorio #select_download li {
  display: block;
}
.no-js .tax-territorio #select_download li {
  font-size: 13px;
  line-height: 1.7em;
  background: url(img/article-ul.png) no-repeat 0 50%;
  padding-left: 6px;
  font-weight: normal;
}
.no-js .tax-territorio #select_download li a {
  text-decoration: underline;
}
.no-js .tax-territorio .map .options {
  clear: both;
}
.no-js .warning {
  display: block;
}

/****** 05/11/12 **********/

.dumb-home {
		background: url(img/dumb-home.jpg) no-repeat 0 0;
		margin: 33px 0 0 0;
		padding: 60px 100px 70px 60px;
		}
		
	.dumb-home h1, 	.dumb-home p, 	.dumb-home a{
	color: #fff;
		}	
		
		.dumb-home p {
			font-size: 16px;
			font-weight: bold;
		color: #fff;
		line-height: 1.11em;
		}	
		
		.dumb-home a{
		display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 161px 6px 0 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
		}	
		
	.dumb-home a:hover{
color: #000;
		}