/* DEFAULT HOLY GRAIL VARS */
/* General styles */

body {
  margin: 0;
  padding: 0;
  border: 0;
  /* This removes the border around the viewport in old versions of IE */

  width: 100%;
  background: #ffffff;
  min-width: 800px;
  /* Minimum width of layout - remove line if not required */

  /* The min-width property does not work in old versions of Internet Explorer */

  font-size: 90%;
}
/* Header styles */
#header {
  clear: both;
  float: left;
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #000;
}
#header p,
#header h1,
#header h2 {
  padding: .4em 15px 0 15px;
  margin: 0;
}
#header ul {
  clear: left;
  float: left;
  width: 100%;
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}
#header ul li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header ul li a {
  display: block;
  float: left;
  margin: 0 0 0 1px;
  padding: 3px 10px;
  text-align: center;
  background: #ffffff;
  color: #000;
  text-decoration: none;
  position: relative;
  left: 15px;
  line-height: 1.3em;
}
#header ul li a:hover {
  background: #369;
  color: #fff;
}
#header ul li a.active,
#header ul li a.active:hover {
  color: #fff;
  background: #000;
  font-weight: bold;
}
#header ul li a span {
  display: block;
}
/* 'widths' sub menu */
#layoutdims {
  clear: both;
  background: #eee;
  border-top: 4px solid #000;
  margin: 0;
  padding: 6px 15px !important;
  text-align: right;
}
/* column container */

.colmask {
  position: relative;
  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */

  clear: both;
  float: left;
  width: 100%;
  /* width of whole page */

  overflow: hidden;
  /* This chops off any overhanging divs */

}
/* holy grail 3 column settings */
.holygrail {
  background: #014571;
  /* Right column background colour */

}
.holygrail .colmid {
  float: left;
  width: 200%;
  margin-left: -210px;
  /* Width of right column */

  position: relative;
  right: 100%;
  background: #ffffff;
  /* Centre column background colour */

  min-height: 850px; /*500px;*/
}
.holygrail .colleft {
  float: left;
  width: 200px;
  /*width: 100%;
  margin-left: -50%;
  position: relative;
  left: 410px;
  /* Left column width + right column width */

  background: #014571;
  /* Left column background colour */

  min-height: 500px;*/
}
.holygrail .col1wrap {
  float: left;
  width: 50%;
  position: relative;
  right: 200px;
  /* Width of left column */

  padding-bottom: 1em;
  /* Centre column bottom padding. Leave it out if it's zero */

}
.holygrail .col1 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 215px;
  /* Left padding = left column width + centre column left padding width */

  margin-right: 225px;
  /* Right padding = right column width + centre column right padding width */

  position: relative;
  left: 200%;
  overflow: hidden;
}
.holygrail .col2 {
  float: left;
  float: right;
  /* This overrides the float:left above */

  width: 170px;
  /* Width of left column content (left column width minus left and right padding) */

  position: relative;
  right: 15px;
  /* Width of the left-hand side padding on the left column */

}
.holygrail .col3 {
  float: left;
  float: right;
  /* This overrides the float:left above */

  width: 180px;
  /* Width of right column content (right column width minus left and right padding) */

  margin-right: 45px;
  /* Width of right column right-hand padding + left column left and right padding */

  position: relative;
  left: 50%;
}
/* Footer styles */
#footer {
  clear: both;
  /*float:left;*/
  /* Esto causaba el estiramiento del jQuery UI Dialog */

  width: 100%;
  border-top: 1px solid #000;
}
#footer p {
  padding: 10px;
  margin: 0;
  background: #ffffff;
  /* Centre column background colour */

}
.holygrail .col2,
.holygrail .col3 {
  padding-top: 15px;
  padding-bottom: 15px;
  color: white;
}
.small {
  font-size: 80%;
}
body {
  font-size: 11pt;
  font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  color: black;
  padding: 0;
  margin: 0;
}
h1 {
  font-size: 17pt;
  font-weight: bold;
  white-space: nowrap;
}
h1 span {
  font-size: inherit;
  font-weight: inherit;
}
h2 {
  font-size: 1.7em;
  font-weight: bold;
  margin-bottom: 1em;
  color: #7f8903;
  text-align: center;
}
h3 {
  font-weight: bold;
  font-size: 1.2em;
  padding: 1em 0 0.5em 0;
}
p {
  margin: 0.5em 1em 0.5em 1em;
}
strong {
  font-weight: bold;
}
img {
  margin: 0;
  padding: 0;
  border: 0;
}
input,
select {
  font-size: 10pt;
  font-family: Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
ol {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 1.5em 1em;
}
ul {
  list-style-type: square;
  list-style-position: inside;
  margin: 1.5em 1em;
}
li {
  display: list-item;
}
.colLista ul {
  margin: 0 1em;
}
span.titulo {
  font-weight: bold;
}
#logo {
  height: 59px;
  background-color: White;
  text-align: center;
  padding-top: 20px;
}
#titulo {
  height: 69px;
  color: White;
  background-color: #01224d;
  padding: 5px;
  font-size: 80%;
}
#divBanderas .iconoCultura {
  padding-bottom: 3px;
  width: 32px;
  height: 32px;
}
#divBanderas .actual {
  border-bottom: 3px solid white;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 0;
}
a.boton {
  color: #00a;
  text-decoration: none;
  padding: 3px;
}
#contenido {
  margin: 1em;
}
.selectorTerminales {
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  padding: 0.5em;
}

.selectorTerminales select {
  display: inline-block;
  float: none;
}
ul#toolbar {
  margin: 0 auto;
}
ul#toolbar li {
  cursor: pointer;
  float: left;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 2px;
  position: relative;
}
ul#toolbar span.ui-icon {
  float: left;
  margin: 0 4px;
}
ul#toolbar input {
  padding: 4px;
}
ul#toolbar img {
  padding: 4px;
}
.botoncompat {
  display: block;
  list-style: none;
  padding: 7px;
  margin-bottom: 2px;
  border-radius: 5px 5px 5px 5px;
  background-color: #027dcb;
}
.botoncompat a,
.botoncompat a:hover {
  text-decoration: none;
  color: #ffffff;
}
.botoncompat a.aspNetDisabled,
.botoncompat a.aspNetDisabled:hover {
  color: #e6e6e6;
}
.menu ul {
  width: 100% !important;
  margin: 0;
}
.menu li {
  display: block;
  list-style: none;
  padding: 7px;
  margin-bottom: 2px;
  border-radius: 5px 5px 5px 5px;
  background-color: #027dcb;
}
.menu li a,
.menu li a:hover {
  text-decoration: none;
  color: #ffffff;
}
.menu li a.aspNetDisabled,
.menu li a.aspNetDisabled:hover {
  color: #e6e6e6;
}
.menu .cuerpo {
  width: 100%;
}
#menuBuque ul {
  margin: 0;
}
#menuBuque ul li {
  background-image: none;
  float: left;
  margin-right: 5px;
  text-align: center;
  display: block;
  list-style: none;
  padding: 7px;
  margin-bottom: 2px;
  border-radius: 5px 5px 5px 5px;
  background-color: #027dcb;
}
#menuBuque ul li a,
#menuBuque ul li a:hover {
  text-decoration: none;
  color: #ffffff;
}
#menuBuque ul li a.aspNetDisabled,
#menuBuque ul li a.aspNetDisabled:hover {
  color: #e6e6e6;
}
.botonesVertical {
  width: 300px;
  margin: 0 auto;
}
.botonesVertical ul {
  width: 100% !important;
  margin: 0;
}
.botonesVertical li {
  list-style: none;
  float: none;
  padding: 7px;
  margin-bottom: 2px;
}
.botonesVertical li a {
  text-decoration: none;
}
.botonesListaBuques {
  width: 300px;
  margin: 0 auto;
}
.botonesListaBuques li {
  display: block;
  list-style: none;
  padding: 7px;
  margin-bottom: 2px;
  border-radius: 5px 5px 5px 5px;
  background-color: #cc334c;
}
.botonesListaBuques li a,
.botonesListaBuques li a:hover {
  text-decoration: none;
  color: #ffffff;
}
.botonesListaBuques li a.aspNetDisabled,
.botonesListaBuques li a.aspNetDisabled:hover {
  color: #e6e6e6;
}
.botonesListaBuques ul {
  width: 100% !important;
  margin: 0;
}
.botonesListaBuques li {
  list-style: none;
  float: none;
  padding: 7px;
  margin-bottom: 2px;
}
.botonesListaBuques li a {
  text-decoration: none;
}
.paginaMenuBuque #menuBuque {
  width: 300px;
  margin: 0 auto;
}
.paginaMenuBuque #menuBuque ul {
  width: 100% !important;
  margin: 0;
}
.paginaMenuBuque #menuBuque li {
  list-style: none;
  float: none;
  padding: 7px;
  margin-bottom: 2px;
}
.paginaMenuBuque #menuBuque li a {
  text-decoration: none;
}
.AspNet-DataGrid {
  font-size: 80%;
  text-align: center;
  margin: 1em auto 0 auto;
  border-collapse: collapse;
}
.AspNet-DataGrid td,
.AspNet-DataGrid th {
  padding: 0 4px 0 4px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.AspNet-DataGrid tr {
  height: 1.8em;
  padding: 0 4px 0 4px;
  vertical-align: middle;
  border-left: 1px solid #ccc;
}
.AspNet-DataGrid .colNumero {
  text-align: right;
}
.AspNet-DataGrid .colIcono {
  text-align: center;
}
.AspNet-DataGrid .colLista li {
  list-style: none;
}
.AspNet-DataGrid .AspNet-DataGrid-Header {
  background-color: #96a204;
}
.AspNet-DataGrid .AspNet-DataGrid-Header td,
.AspNet-DataGrid .AspNet-DataGrid-Header th {
  font-weight: bold;
  vertical-align: middle;
  border: 0;
  white-space: nowrap;
  color: #000000;
}
.AspNet-DataGrid .AspNet-DataGrid-Footer {
  background-color: #96a204;
}
.AspNet-DataGrid tr.AspNet-DataGrid-Header {
  border: 0;
  border-left: 1px solid #96a204;
}
.AspNet-DataGrid .AspNet-DataGrid-Alternate {
  background-color: #ddd;
}
.AspNet-DropDownList {
  float: left;
  display: block;
  padding: 1px;
  border: 1px solid #005875;
}
fieldset {
  width: 95%;
  margin: 1em;
  padding-top: 2em;
}
fieldset legend {
  font-weight: bold;
  width: 100%;
  padding: 0.5em;
  border-bottom: 1px solid #999;
}
fieldset fieldset {
  width: auto;
  border: 0;
  background-color: #ddd;
  padding-top: 0;
}
fieldset fieldset legend {
  top: 0;
  border-bottom: 0;
}
fieldset h4 {
  padding-top: 10px;
  padding-bottom: 5px;
  clear: both;
  margin: 0 10px 5px 10px;
}
fieldset h4 span {
  font-weight: bold;
  padding: 0.5em;
  margin-left: 25px;
}
.etiqueta {
  display: block;
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  text-align: right;
  width: 450px;
  font-size: 80%;
  overflow: hidden;
  white-space: nowrap;
}
label {
  display: block;
  float: left;
  padding: 5px 10px 0 0;
  text-align: right;
  width: 25%;
  min-height: 25px;
  white-space: normal;
  font-size: 80%;
}
.validador {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  background-image: url(../Images/fugue/exclamation.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
  text-align: center;
  margin: 0 0 0 5px;
  white-space: nowrap;
  font-size: 80%;
}
.sep {
  clear: both;
  width: 100%;
  padding: 0;
  margin: 0;
  height: 2px;
  font-size: 0;
}
.formctl {
  float: left;
  display: block;
  width: 50%;
  font-size: 80%;
  padding: 1px;
}
.AspNet-DataGrid .formctl {
  width: 100%;
}
.formctltext {
  padding: 0;
  border: 1px solid black;
}
.formctldtp {
  white-space: nowrap;
}
.formctldisabled {
  background-color: #ddd;
}
.txtNumeroReal,
.txtNumeroEntero {
  width: 10%;
  text-align: right;
}
.AspNet-DataGrid .txtNumeroReal,
.AspNet-DataGrid .txtNumeroEntero {
  width: 100%;
}
.formctlrbl {
  font-size: 100%;
}
.formctlrbl input,
.formctlrbl label {
  display: inline;
  clear: none;
  float: none;
  color: #4E6187;
}
.valsum {
  padding: 1.7em;
}
.valsum li {
  list-style: none !important;
  padding-top: 5px;
  padding-left: 1.7em;
  background-image: url(../Images/fugue/exclamation.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
}
.valsum ul {
  list-style-type: circle;
}
.resultadoCalculo img {
  margin-right: 5px;
}
.resultadoCalculo li {
  margin-bottom: 0.2em;
}
.resultadoCalculo ul ul {
  margin-top: 0.2em;
  padding-left: 1.7em;
}
.notificacion {
  padding: 0.7em;
  margin-top: 20px;
  margin-bottom: 10px;
}
.notificacion li {
  list-style: none !important;
  padding-top: 5px;
  padding-left: 1.7em;
  background-image: url(../Images/fugue/information.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
}
.notificacion ul {
  list-style-type: circle;
}
#tabAmarres label {
  width: 10%;
}
div.unidades {
  float: left;
  padding-left: 4px;
}
.ui-widget {
  font-family: Calibri, Arial, Helvetica, sans-serif;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Calibri, Arial, Helvetica, sans-serif;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  padding-bottom: 0;
}
.ui-tabs .ui-tabs-panel {
  overflow: auto;
}
.destinatarios br {
  clear: both;
}
/* PAGINA DE INICIO */
#header {
  border: 0;
  border-bottom: 4px solid #a5bdcc;
}
#footer {
  text-align: center;
  border-top: 4px solid #a5bdcc;
  font-size: 80%;
}
.weather {
  margin: 0 auto;
  width: 180px;
  height: 150px;
  background-image: url(http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/hurricane_180x150_bg.jpg );
  background-repeat: no-repeat;
  background-color: #0F243A;
}
.weather #NetweatherContainer {
  height: 138px;
}
.weather .weather2 {
  text-align: center;
  font-family: arial, helvetica, verdana, sans-serif;
  font-size: 10px;
  line-height: 15px;
  color: #FDEA11;
}
.weather .weather2 a {
  color: #FDEA11;
}
.usuario .titulo {
  display: block;
}
.roles select {
  width: 170px;
}
.roles .titulo {
  display: block;
  font-weight: bold;
  float: none;
  padding: 0;
  text-align: center;
  width: auto;
  min-height: 0;
  font-size: 100%;
}
.fecha {
  font-size: 80%;
}
.noticia .texto,
.noticia .fecha {
  text-align: center;
  font-size: 80%;
}
.noticia .fecha {
  font-weight: bold;
}
.contacto {
  margin: 10px 0 20px 0;
}
.contacto p {
  color: white;
  margin: 0;
  padding: 5px;
}
.contacto a {
  color: white;
}
.contacto h3 {
  margin: 0 0 1px 0;
  padding: 5px;
  color: white;
  border-radius: 5px 5px 0 0;
}
.contacto h3,
.contacto .cuerpo {
  background-color: #113355;
}
.contacto .cuerpo {
  border-radius: 0 0 5px 5px;
  min-height: 30px;
}
.contacto .direccion {
  color: white;
}
.registro {
  margin: 10px 0 20px 0;
}
.registro p {
  color: white;
  margin: 0;
  padding: 5px;
}
.registro a {
  color: white;
}
.registro h3 {
  margin: 0 0 1px 0;
  padding: 5px;
  color: white;
  border-radius: 5px 5px 0 0;
}
.registro h3,
.registro .cuerpo {
  background-color: #008000;
}
.registro .cuerpo {
  border-radius: 0 0 5px 5px;
  min-height: 30px;
}
.login {
  margin: 10px 0 20px 0;
}
.login p {
  color: white;
  margin: 0;
  padding: 5px;
}
.login a {
  color: white;
}
.login h3 {
  margin: 0 0 1px 0;
  padding: 5px;
  color: white;
  border-radius: 5px 5px 0 0;
}
.login h3,
.login .cuerpo {
  background-color: #008000;
}
.login .cuerpo {
  border-radius: 0 0 5px 5px;
  min-height: 30px;
}

/*Documentos Públicos Menú Lateral*/

.docspublicos,
.enlaces {
  margin: 10px 0 20px 0;
}
.docspublicos p,
.enlaces p {
  color: white;
  margin: 0;
  padding: 5px;
}
.docspublicos a,
.enlaces a {
  color: white;
}
.docspublicos h3,
.enlaces h3 {
  margin: 0 0 1px 0;
  padding: 5px;
  color: white;
  border-radius: 5px 5px 0 0;
}
.docspublicos h3,
.enlaces h3,
.docspublicos .cuerpo,
.enlaces .cuerpo {
  background-color: #96a204;
}
.docspublicos .cuerpo,
.enlaces .cuerpo {
  border-radius: 0 0 5px 5px;
  min-height: 30px;
}
.docspublicos ul,
.enlaces ul {
  margin: 0;
}
.docspublicos li,
.enlaces li {
  padding: 5px;
  margin-bottom: 1px;
  color: white;
}
.docspublicos li a,
.enlaces li a {
  text-decoration: none;
  color: white;
}
.enlaces {
  margin-top: 20px;
  margin-left: 20px;
}
.solicitud {
  background-color: #0000ff;
  padding: 5px;
  width: 200px;
  margin: 10px auto 0 auto;
  text-align: center;
}
.solicitud a {
  font-weight: bold;
  color: white;
}
.textoinicio p {
  text-align: justify;
}
.central {
  width: 500px;
  float: right;
}
ul.selectorterminales {
  list-style: none;
  margin-top: 2em;
}
ul.selectorterminales li {
  display: block;
  font-size: 24pt;
  margin: 0 auto 3px auto;
  width: 12em;
  text-align: center;
}
ul.selectorterminales li a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 5px;
  background-color: #111f88;
}
ul.selectorterminales li a:hover {
  background-color: #1a2ecc;
}
ul.selectorterminales li a small {
  font-size: 12pt;
  padding: 0;
}

#Desbloquear{
    display:none;
}


/******* GESTOR DE INCIDENCIA **********/
.ListadoIncidencias-Content{
    width:100%;
    min-width:auto;
    max-width:90%;

}

/*Login Page*/
.background-login {
    background: white;
}

.login-zone {
    margin: 88px auto 0 auto;
    width: 400px;
    height: 618px;
    display: block;
}

.logo {
    /*background-image: url(../Content/theme-c1/images/logo_blanco.png);*/
    background-image: url('../../Content/theme-c1/images/logo_blanco.png');
    background-repeat: no-repeat;
    background-position-x: 70px;
    width: auto;
    height: 180px;
    padding-left: 60px;
}

.welcome {
    font-family: 'Ideal Sans SSm A','Ideal Sans SSm B',sans-serif;
    color: #155199;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px;
}

.result-panel .result-label {
    font-family: 'Ideal Sans SSm A','Ideal Sans SSm B',sans-serif;
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 10px;
    width: 400px;
    text-align: left;
    font-weight: normal;
}

.Ship-Shore {
    font-family: 'Ideal Sans SSm A','Ideal Sans SSm B',sans-serif;
    color: #155199;
    font-size: 26px;
    line-height: 30px;
    margin: 10px 0 10px;
    font-weight: bold;
}

.input-control {
    width: 370px;
    padding: 30px 15px;
    margin: 0;
    font-size: 18px;
    color: #fff;
    background-color: #5c86b8;
    outline: 0;
    border: 0;
    font-family: 'Ideal Sans SSm A','Ideal Sans SSm B',sans-serif;
}


.control-group {
    margin-bottom: 10px;
}

input::placeholder {
    color: #d7cfcf;
}

.usp_button {
    color: #fff;
    width: 400px;
    padding: 19px 0 15px 0;
    margin-top: 10px;
    text-align: center;
    font-size: 24px;
    line-height: 34px;
    outline: 0;
    border: 2px solid #2d63a4;
    background-image: linear-gradient(#2d63a4, #155199);
}

    .usp_button:hover {
        background-image: linear-gradient(#5c86b8, #2d63a4);
        cursor: pointer;
    }