body {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 10pt;
	margin: 0;
}

#cabecera {
	height: 90px;
	width: 100%;
	margin-bottom: 25px;
	background-size: 100%;
	background-position: right;
	color: white;
	position: relative;
	box-shadow: 0px 5px 12px black;
	z-index: 90;
}

.cabecera1 {
	background-image: url("/recursos/img/fondoCabecera1.jpg");
}

.cabecera2 {
	background-image: url("/recursos/img/fondoCabecera2.jpg");
}

.cabecera3 {
	background-image: url("/recursos/img/fondoCabecera3.jpg");
}

.cabecera4 {
	background-image: url("/recursos/img/fondoCabecera4.jpg");
}

.cabecera5 {
	background-image: url("/recursos/img/fondoCabecera5.jpg");
}

#cabecera #logo {
	float: left;
	width: 75px;
	height: 90px;
}

#cabecera #logo img {
	width: 75px;
	height: 90px;
}

#cabecera #titulo {
	position: absolute;
	left: 70px;
	padding-top: 8px;
	padding-left: 15px;
}

#cabecera #titulo #global {
	font-size: 24pt;
	font-weight: bold;
	text-shadow: 2px 2px 8px black;
	height: 43px;
	overflow: hidden;
}

#cabecera #titulo #intranet {
	font-size: 20pt;
	text-shadow: 2px 2px 8px black;
}

.acercade {
    position: absolute;
    top: 0;
    right: 0;
}

.velo {
	background-image: url("/recursos/img/fondoVelado.png");
	padding-left: 18px;
	height: 43px;
}

#cabecera #informacion {
	position: absolute;
	right: 0;
	bottom: 0;
	/*height: 43px;*/
}

#cabecera #informacion div {
	float: left;
}

#cabecera #informacion #nombrePantalla {
	font-size: 20pt;
	padding-top: 4px;
	padding-right: 10px;
	text-shadow: 2px 2px 8px black;
}

#cabecera #informacion #datos {
	padding-top: 6px;
	padding-right: 10px;
}

#cabecera #informacion #datos div {
	float: none;
	font-size: 10pt !important;
	font-weight: normal !important;
}

#cabecera #informacion #datos #nombreUsuario {
	font-size: 11pt !important;
	font-weight: bold !important;
}

#cabecera #informacion #desconexion {
	padding-right: 10px;
}

#cabecera #informacion #desconexion img:hover,
#cabecera .acercade img:hover {
	opacity: 0.6;
}

/* Estilos para formularios */
.campoObligatorio {
	border: 1px solid red !important;
}

.campoSoloLectura input,.campoSoloLectura textarea {
	border: none !important;
	/*background-image: none;*/
}

span.resaltado {
	font-weight: bold;
	color: red;
}

.advertencia div
{
	color: red;
}

.filaMultilinea {
	cursor: pointer;
}

.entradaResaltada div {
	/*background-color: #D1DEE6;*/
	background-color: #99CCFF;
}

.salidaResaltada div {
	background-color: #FF6666;
}

.movimientoResaltado div {
	background-color: #66FF66;
}

.filaMultilinea:hover {
	color: blue;
}

.cabecera {
	font-weight: bold;
}

.iconoBoton {
	background-size: 16px;
}

.tablaMsg {
	font-size: 11px;
}

.tablaMsg td {
	padding: 2px;
}

.x-grid-row-summary {
	font-size: 11px;
	color: navy;
	font-weight: bold;
	background-color: #c5c5c5;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #f9f9f9),
		color-stop(100%, #e3e4e6) );
	background-image: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6);
	background-image: -moz-linear-gradient(top, #f9f9f9, #e3e4e6);
	background-image: -o-linear-gradient(top, #f9f9f9, #e3e4e6);
	background-image: -ms-linear-gradient(top, #f9f9f9, #e3e4e6);
	background-image: linear-gradient(top, #f9f9f9, #e3e4e6);
}

.x-grid-row-summary td						{ border-top: 1px solid rgb(153, 188, 232); }
.ctrlImgPortada								{ cursor: pointer; border: 3px solid white; }
.ctrlImgPortada:hover						{ border: 3px solid #0070a0; }
.ctrlImgPortadaSel,.ctrlImgPortadaSel:hover	{ border: 3px solid red; }
.colBuque div								{ font-weight: bold; padding-left: 1px; padding-right: 1px; }

.ayuda,.x-css-shadow
{
	/*position: absolute;
	right: 0;*/
/*	margin-left: 40px;
	margin-top: 40px;*/
}


@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

@-moz-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

@-ms-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

@-o-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

@keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

.blink {
	-webkit-animation: blinker 2s cubic-bezier(1.0,0,0,1.0) infinite;
	-moz-animation: blinker 2s cubic-bezier(1.0,0,0,1.0) infinite;
	-ms-animation: blinker 2s cubic-bezier(1.0,0,0,1.0) infinite;
	-o-animation: blinker 2s cubic-bezier(1.0,0,0,1.0) infinite;
	animation: blinker 2s cubic-bezier(1.0,0,0,1.0) infinite;
}

.coloreada a,
.coloreada a:hover
{
	background-color: transparent !important;
}

/* Estilos para dispositivos móviles */
@media (max-width:700px)
{
  #global,#nombrePantalla,#datos {
    display: none;
  }
  
  #cabecera {
    background-size: cover;
  }
  
  #datosSituacion, #informacion {
  	background: none;
  	
  }
}