.indentar {
    margin-left: 50px !important;
}

.indentarmas {
    margin-left: 100px !important;
}

.eustcontint {
  width: 400;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 769px) {
  width: 769;
}

@media (min-width: 993px) {
  width: 993;
}

@media (min-width: 1170px) {
  width: 1170;
}

.eustcontint p {  
	font-size: 15px;
    font-size: 1.5rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto;  
}
  
  .eustcontint h2 {
      margin-top: 15px;
      margin-bottom: 30px;
      border: 1px none Red;
      text-align: left:;
      color: #013161;
      font-weight: bold;
      font-size: 3.4rem;
  }

  .eustcontint h3 {
      background-color: #fdbd03;
      min-height: 33px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;
      vertical-align: middle;
      word-wrap: break-word;
      font-size: 15px;
      font-size: 1.5rem;
      padding-top: 8px;
      padding-bottom: 10px;
      padding-left: 10px;
      font-weight: bolder;
  }

  @media (min-width: 993px) {
      .eustcontint h3 {
          padding-top: 4px;
          padding-bottom: 4px;
          font-size: 22px;
          font-size: 2.2rem;
      }
  }

  .eustcontint h4 {
      font-size: 15px;
      font-size: 1.5rem;
      width: 100%;
      display: block;
      margin: 1.5em auto 1.5em auto;
      padding: 0em 0em 0em 0.25em;
      min-height: 2em;
      line-height: 1.9em;
      background-color: #F0F5FA;
      color: #01325B;
      border-radius: 5px;
      -webkit-border-radius: 5px;
  }

  @media (min-width: 993px) {
      .eustcontint h4 {
          font-size: 22px;
          font-size: 2.2rem;
      }

      .eustplantlista h4 li {
          background-position: 0 10px;
      }
  }

  .eustplantlista h4 li {
      list-style-image: none;
      /*background-position: 0 2px;*/
  }

  .eustcontint h5 {
      font-size: 1em;
      width: 98%;
      display: block;
      margin: 1.25em auto 1.25em auto;
      padding: 0em 0em 0em 0.25em;
      min-height: 2em;
      line-height: 1.9em;
      background-color: #F0F5FA;
      color: #01325B;
  }

  .eustcontint h6 {
      font-size: 1em;
      width: 98%;
      display: block;
      margin: 1em auto 1em auto;
      padding: 0em 0em 0em 0.25em;
      min-height: 2em;
      line-height: 1.9em;
      background-color: #F0F5FA;
      color: #01325B;
  }

.titc {
    display: flex;
    justify-content: center;
    color: black;
    font-weight: bold;
    font-size: 25px !important;
}

.piec {
    display: flex;
    justify-content: center;
    color: black;
    font-size: 18px !important;
}
  
  .eustatparraplan {
      font-size: 15px;
      font-size: 1.5rem;
      margin-top: 1rem;
      margin-bottom: 2rem;
  }

  .eustatparraplan2 {
      font-size: 15px;
      font-size: 1.5rem;
      margin-top: 1rem;
      margin-bottom: 2rem;
  }

  @media (min-width: 993px) {
      .eustatparraplan {
          font-size: 22px;
          font-size: 2.2rem;
          width: 80%;
          margin-left: auto;
          margin-right: auto;
      }

      .eustatparraplan2 {
          font-size: 22px;
          font-size: 2.2rem;
          width: 80%;
          margin-left: auto;
          margin-right: auto;
      }
  }

  .eustatparraplanneg {
      font-size: 15px;
      font-size: 1.5rem;
  }

  @media (min-width: 993px) {
      .eustatparraplanneg {
          font-size: 22px;
          font-size: 2.2rem;
      }
  }

  /*  
.eustcontint dl.eustficharesultadot {
  margin: 0em 0.31em 0em 0.31em;
  padding: 0.5em 0px 0em 0px;
  width: 97%;
  color: #565656;
  font-size: 22px;
  font-size: 2.2rem;
}

.eustcontint dl.eustficharesultadot dt {
  text-align: right;
  width: 23em;
  font-weight: bold;
  margin: 0em 0em 0em 0.5em;
  font-size: 22px;
  font-size: 2.2rem;
}

.eustcontint dl.eustficharesultadot dt a {
  color: #000000;
}

.eustcontint dl.eustficharesultadot dd {
  margin: -1.20em 0em 1em 30em;
}
*/
  /*  
.eustcontint dl.eustficharesultadot {
    color: #565656;
    margin: 0 0.31em;
    padding: 0.5em 0 0;
    width: 97%;
}


.eustcontint dl.eustficharesultadot dt {
    font-weight: bold;
    margin: 0 0 0 0.5em;
    text-align: right;
    width: 23em;
    font-size: 22px;
  font-size: 2.2rem;
}

.eustcontint dl.eustficharesultadot dd {
    margin: -1.2em 0 1em 30em;
}
*/

  .eustficharesultadot {
      /*margin: 0em 0.31em 0em 0.31em;
    padding: 0.5em 0px 0em 0px;*/
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      width: 100%;
      color: #565656;
      font-size: 15px;
      font-size: 1.5rem;
  }

  .eustficharesultadot dt {
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      font-weight: bold;
      text-align: right;
      display: block;
      width: 40%;
      line-height: 1.7em;
  }

  .eustficharesultadot dt:after {
      /*content: ":";*/
  }

  .eustficharesultadot dd {
      margin: -1.7em 0 0 40%;
      padding: 0 0 0 1em;
      display: block;
      width: 59%;
      margin-left: 40%;
      line-height: 1.7em;
  }

  .eustcontint ol {
      display: block;
      margin: 0.5em auto 1em !important;
      width: 80%;
  }

  @media (min-width: 993px) {
      .eustficharesultadot {
          font-size: 22px;
          font-size: 2.2rem;
      }
  }

  @media (min-width: 1201px) {}

  .eustficharesultadotcorto {
      margin: 0em 0.31em 0em 0.31em;
      padding: 0.5em 0px 0em 0px;
      width: 97%;
      color: #565656;
      font-size: 15px;
      font-size: 1.5rem;
  }

  .eustficharesultadotcorto dt {
      font-weight: bold;
  }

  .eustficharesultadotcorto dd {
      margin: 0em 0em 1em 20px;
  }

  @media (min-width: 993px) {
      .eustficharesultadotcorto {
          font-size: 22px;
          font-size: 2.2rem;
          width: 80%;
          margin-left: auto;
          margin-right: auto;
      }
  }

  /*
.eustcontint dl.eustficharesultadotcorto {
  margin: 0em 0.31em 0em 0.31em;
  padding: 0.5em 0px 0em 0px;
  width: 99%;
  color: #565656;
}

.eustcontint dl.eustficharesultadotcorto dt {
  text-align: right;
  width: 10em;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
}

.eustcontint dl.eustficharesultadotcorto dt a {
  color: #749FC2;
}

.eustcontint dl.eustficharesultadotcorto dd {
  margin: -1.20em 0em 0.45em 11em;
  font-size: 22px;
  font-size: 2.2rem;
}
*/
  /*-------------------- listas de definición largas ----------------------------------------------*/

  .eustcontint dl.eustficharesultadotlargo {
      margin: 0em 0.31em 0em 0.31em;
      padding: 0.5em 0px 0em 0px;
      width: 99%;
      color: #565656;
  }

  .eustcontint dl.eustficharesultadotlargo dt {
      text-align: right;
      width: 20em;
      font-weight: bold;
  }

  .eustcontint dl.eustficharesultadotlargo dt a {
      color: #749FC2;
  }

  .eustcontint dl.eustficharesultadotlargo dd {
      margin: -1.20em 0em 0.45em 21em;
  }

  .eustcontint ul {
      display: block !important;
      margin-top: 5px;
      width: 100%;
  }

  @media (min-width: 993px) {
      .eustcontint ul {
          width: 80%;
      }
  }

  .eustcontint dd ul {
      width: 99% !important;
  }

  .eustcontint ul li {}

  /*
.eustcontint ul.eustplantlista {
  width: 80% !important;
  color: #565656;
  margin: 1em auto 1.5em auto;
}

.eustcontint ul.eustplantlista ul {
  padding: 0em 0em 0em 0em;
  margin: 0.5em 0em 0.5em 2em !important;
}

.eustcontint ul.eustplantlista li {
  margin: 1em 0em 0.5em 0em;
  list-style-image: url(../cwIMAGES/bulletplanint.gif);
  list-style-position: inside;
}
*/

  .eustcontint ul.eustplantlista2 li {
      margin: 1em 0em 0.5em 0em;
      color: #626469;
      list-style-position: inside;
  }

  /*
.eustcontint ul.eustplantlista li strong {
  font-weight: normal;
}

.eustcontint ul.eustplantlista li a {
  color: #30516d;
  text-decoration: none;
}

.eustcontint ul.eustplantlista li a:hover {
  text-decoration: underline;
}

.eustcontint ul.eustplantlista li ul.eustplantlista li {
  text-decoration: none;
  margin: 1em 0em 0.5em 0em;
  list-style-image: url(../cwIMAGES/bulletplanint.gif);
  list-style-position: inside;
}

.eustcontint ul.eustplantlista li ul.eustplantlista li a {
  color: #30516d;
  text-decoration: none;
}

.eustcontint ul.eustplantlista li ul.eustplantlista li a:hover {
  text-decoration: underline;
}

.eustcontint ul.eustplantlista li input {

}
*/

  .eustcontintBKP li {
      width: 100%;
      background-image: url("/cwIMAGES/2015/bullet2015_2.gif");
      background-position: left 0px;
      background-repeat: no-repeat;
      list-style: outside none none;
      margin: 0;
      padding-left: 30px;
      font-size: 15px;
      font-size: 1.5rem;
      list-style-type: none;
  }

  .eustlistaletra li {
      list-style-type: lower-alpha !important;
      background-image: none;
      margin-left: 40px;
      font-size: 15px;
      font-size: 1.5rem;
  }

  .eustplantlista li {
      list-style-image: none !important;
      background-image: url("/cwIMAGES/2015/bullet2015_2.gif");
      background-position: left 5px;
      background-repeat: no-repeat;
      list-style-type: none !important;
      margin-left: 15px;
      padding-left: 20px;
      font-size: 15px;
      font-size: 1.5rem;
  }

  .eustcontint li {
      list-style-image: none !important;
      background-image: url("/cwIMAGES/2015/bullet2015_2.gif");
      background-position: left 0px;
      background-repeat: no-repeat;
      list-style-type: none !important;
      margin-left: 15px;
      margin-top: 5px;
      padding-left: 20px;
      font-size: 15px;
      font-size: 1.5rem;
  }

  @media (min-width: 993px) {
      .eustcontintBKP li {
          background-position: left 5px;
          padding-left: 40px;
          font-size: 22px;
          font-size: 2.2rem;
          list-style-type: none;
      }

      .eustlistaletra li {
          font-size: 22px;
          font-size: 2.2rem;
      }

      .eustplantlista li {
          font-size: 22px;
          font-size: 2.2rem;
      }

      .eustcontint li {
          background-position: left 5px;
          font-size: 22px;
          font-size: 2.2rem;
      }
  }

  .negrita {
      font-weight: bold;
  }

  /*
.eustplantlista li {
  width: 100%;
  background-image: url("/cwIMAGES/2015/bullet2015_2.gif");
  background-position: left 0px;
  background-repeat: no-repeat;
  list-style: outside none none;
  margin: 0;
  padding-left: 30px;
  font-size: 15px;
  font-size: 1.5rem;
}

@media (min-width: 993px) {
  .eustplantlista li {
    background-position: left 5px;
    padding-left: 40px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
*/

  .eustcontint ol {
      /*width: 80%;*/
      display: block;
      margin: 0.5em auto 1em auto !important;
      /*  border: 1px solid red;*/
  }

  .eusttablamuestradatoszebra tr {
      font-size: 15px;
      font-size: 1.5rem;
  }

  @media (min-width: 993px) {
      .eusttablamuestradatoszebra tr {
          font-size: 22px;
          font-size: 2.2rem;
          border: 1px solid gray;
      }
  }

  .alignright {
      color: #626469;
      text-align: right;
  }

  .eustlistanum li {
      font-size: 15px !important;
      font-size: 1.5rem !important;
  }

  @media (min-width: 993px) {
      .eustlistanum li {
          font-size: 22px !important;
          font-size: 2.2rem !important;
      }

      .bordecillo {
          width: 100%;
          margin-right: auto;
          margin-left: auto;
      }
  }

  .imagengrande {
      overflow-x: auto !important;
  }

  .aligncenter {
      text-align: center;
  }

  .eustplantlista li a strong {
      color: #337ab7;
      font-weight: normal !important;
  }

  .eustplantlista li a b {
      color: #337ab7;
      font-weight: normal !important;
  }

  /* PESTANAS */
  .tab {
      overflow: hidden;
      border: 1px solid #ccc;
      background-color: #f1f1f1;

  }


  .tab ul {
      float: left;
      width: 100%;
  }

  /* Style the buttons that are used to open the tab content */
  .tab li {
      background-color: inherit;
      float: left;
      border: none;
      outline: none;
      cursor: pointer;
      padding: 14px 16px;
      transition: 0.3s;
      list-style: none;
      background-image: none;
  }


  /* Change background color of buttons on hover */
  .tab li:hover {
      background-color: #ddd;
  }

  /* Create an active/current tablink class */
  .tab li.active {
      /*background-color: #ccc;*/
      background-color: #fdbd03;
  }

  /* Style the tab content */
  .tabcontent {
      /*display: none;*/
      padding: 6px 12px;
      border: 1px solid #ccc;
      border-top: none;
  }

  /* END PESTANAS */

  .prodoperaciones_contractores {
      float: right;
  }

  .cabeceraDescarga {
      float: right;
      margin-right: 1em;
      cursor: pointer;
  }

  .graficosJS_encapsulado {
      font-size: 1.6rem;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      /*overflow-x: auto;*/
      margin-top: 3.5rem;
      margin-bottom: 3.5rem;
  }

  .graficosJS_encapsulado table {
      margin: 0px auto 0px auto;
  }

  @media (min-width: 993px) {
      .graficosJS_encapsulado {
          font-size: 2rem;
      }
  }

@media (max-width: 400px) {
	button {  
	white-space: normal !important;
	width: 50px;
	height: 150px;
	-webkit-appearance: none;
	background: #ddd;
	border: none;  
	}
	.graficosJS_encapsulado {
		overflow-x: auto;
	}
	.eustatparraplan {
		width: auto !important;
	}
	.eustatparraplan img {
		max-width: 100%;
	}
}

@media (min-width: 1200px) {
	.eustcontint ul {
        width: 100%;
    }

	.eustcontint p {  
		font-size: 22px;
		font-size: 2.2rem;
	}
	
}