body {font-family: 'Raleway', sans-serif;}

/* 1200px --- */
@media (min-width: 1200px) {
	
}

/* 992 --- 1200px */
@media (min-width: 992px) and (max-width:1199px) {
	
}

/* 768 --- 992px */
@media (min-width: 768px) and (max-width:991px) {
	
}

/* --- 768px */
@media (max-width:767px) {
	#logo {text-align: center;}
	#cerrarSesion {margin-top: 0 !important; margin-bottom: 15px;}
	#loginContainer {width: 90% !important; max-width: 350px;}
}

a {color: #000;}
a:hover {text-decoration: none; color: #999;}

.textAlignRight {text-align: right;}

.fa {opacity: .7; color: #016450;}
.navbar-default {background-color: #f6f6f6;}
.breadcrumb {background-color: transparent; font-size: 12pt; font-weight: 700;}
.panel-title {font-size: 11pt;}

/* login */
body.login {
	height: 100%; min-height: 100%; background: #E6E6E6;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
#loginContainer {
	width: 350px; padding-top: 20px; padding-bottom: 20px; background-color: #fff; opacity: .96; border-radius: 20px; box-shadow: 0 0 50px #333; text-align: center;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}

#logo {margin: 5px 0 10px 0;}
#logoCabecera {max-width: 100%;}
#cerrarSesion {display: inline-block; margin-top: 35px;}
.separadorHorizontal {border-right: 1px solid #e7e7e7; float: left; display: inline; height: 50px;}

/* */
.paddingTop20 {padding-top: 20px;}
.textAlignCenter {text-align: center;}
.paddingLeftRight15 {padding-left: 15px; padding-right: 15px;}

/* color principal: #016450 */
TD.celda {font-family: Trebuchet MS; font-size: 10pt; font-weight:bold; color:#FFFFFF;}
body {padding:0px; font-family: arial; font-size:8pt;}
INPUT.campo {border:1px solid #9CBBD1; font-family: Trebuchet MS; font-size: 10pt;}
INPUT.boton {font-family: Arial; font-size: 9pt;}
INPUT {font-family: arial; font-size: 9pt;}
SELECT {font-family: Arial; font-size: 9pt;}
TEXTAREA {font-family: Arial; font-size: 9pt;}
TABLE.tablaerror {border:1px solid #6a6a6a; background-color:#F7F7F7;}
TABLE.tablaerror TD {padding:4px; font-family: Arial; font-size: 9pt; font-weight:bold; color: #FF0000;}
TD {font-family: Arial; font-size: 9pt; color:#4D4D4D;}
TD.titulo {font-family: Arial; font-size:24pt; font-weight:bold; letter-spacing:-1px; color: #016450;}
TD.on_gestion {font-family: Arial; font-size:8pt; height:30px; background-color:#F2F2F2;}

.ico {float:left; width:16px; height:23px; padding-top:7px; padding-left:12px; padding-right:5px;}
.link_ico {float:left; height:22px; padding-top:8px;}
	.link_ico a {text-decoration:none; color:#016450;}
	.link_ico a:hover {text-decoration:underline; color:#016450;}

/* estilos para o menu */
.tit_menu {font-size:24px; color:#016450; padding-bottom:5px;}
	.tit_menu a {color:#016450; text-decoration: none;}
	.tit_menu a:hover {color:#016450; text-decoration: underline;}
.cont_menu {float:left; width:180px; min-height:0px; height:auto !important; height:0px; background-color:#F2F2F2; border:1px solid #cccccc;}
.menu {margin-top: 0px; text-align:left; height:30px; border-bottom:1px solid #cccccc;}
.ico_menu {float:left; width:16px; height:23px; padding-top:7px; padding-left:12px; padding-right:10px;}
.link_ico_menu {float:left; height:22px; padding-top:8px;}
	.link_ico_menu a {text-decoration:none; color:#016450;}
	.link_ico_menu a:hover {text-decoration: underline; color:#016450;}
.link_ico_menu_selected {float:left; height:22px; padding-top:8px;}
	.link_ico_menu_selected a {text-decoration: underline; color:#016450;}
.menu_ult {margin-top: 0px; text-align:left; height:30px;}

.separ_menu {float:left; width:180px; height: 20px;}

A.sub2:link {font-family: Arial; font-size: 9pt; text-decoration: none; color: #016450;}
A.sub2:visited {font-family: Arial; font-size: 9pt; text-decoration: none; color: #016450;}
A.sub2:hover {font-family: Arial; font-size: 9pt; text-decoration: underline; color: #016450;}
A.sub2:active {font-family: Arial; font-size: 9pt; text-decoration: none; color: #016450;}

/* Listados */
TD.cabecera {font-family: Trebuchet MS; font-size:10pt; font-weight: bold; background-color: #016450; color: #FFFFFF; height:25px;}
TR.fila1 {background-color:#e3e3e3; height:25px;}
TR.fila2 {background-color:#F9F9F9; height:25px;}
TD.fila1 {background-color:#F2F2F2; padding-left: 5px; height:25px;}
TD.fila2 {background-color:#E6E6E6; padding-left: 5px; height:25px;}
TD.calendar {font-family: verdana; font-size: 10px; cursor: hand; cursor: pointer;}
TD.calendar1 {font-family: verdana; font-size: 10px; border:1px solid #ECECEC; cursor: hand; cursor: pointer;}
TD.calendar2 {font-family: verdana; font-size: 10px; color: #ca0000; border:1px solid #ECECEC; cursor: hand; cursor: pointer;}
TD.highlight {font-family: verdana; font-size: 10px; border:1px solid #0000ff; cursor: hand; cursor: pointer;}
TD.highlight2 {font-family: verdana; font-size: 10px; border:1px solid #0000ff; color: #ca0000; cursor: hand; cursor: pointer;}
A.arrows {font-weight: bold; font-family: Verdana; color: #F87F7F; text-decoration:none;}
TD.cvacia {background-color: white;}
IMG.foto {background-color: #FFFFFF; padding:6px; border:1px solid #CCCCCC;}
.blanco {background-color: white; margin-top: 0px; margin-bottom: 1px; text-align:left; height:25px; border-bottom: 1px solid #cccccc;}
TR.fila1:hover {background-color:#c6cacf !important;}
TR.fila2:hover {background-color:#c6cacf !important;}

.es {width: 16px; height: 11px; background: url(../ico/es.gif) no-repeat center center;}
.en {width: 16px; height: 11px; background: url(../ico/en.gif) no-repeat center center;}

#contContenidoDocumento table {margin: auto;}
#contContenidoDocumento table td {padding: 1px;}
#contContenidoDocumento table.tablaerror td {padding: 4px;}

/* agenda */
.cabeceraAgenda {text-align: center; padding: 5px !important; font-size: 18pt; font-family:'Open Sans', sans-serif; font-weight:800; background-color: #f8f8f8; color: #333;}
.cabeceraAgenda a {color: #000000; text-decoration: none;}
.cabeceraAgenda a:hover {color: #000000; text-decoration: underline;}
.cabeceraDia {font-family:'Open Sans', sans-serif; font-weight:800; text-align: center; font-size: 10pt; padding: 5px !important; color: #fff; min-width: 80px; background-color: #016450;}
.dia {text-align: center; padding: 5px; height: 100px; border: 1px inset #ccc;}
.diaSelected {background-color: #f8f8f8; text-align: center; padding: 5px; height: 100px; color: red; font-weight: bold;}
.bordeNegro {border: 1px solid #666 !important; text-align: center; height: 30px; font-weight: bold;}
.aNegro {font-family:'Open Sans', sans-serif; font-weight:400; color: #333; padding: 5px 8px; font-size: 11pt; text-decoration: none;}
.aRojo {font-family:'Open Sans', sans-serif; font-weight:400; padding: 5px; color: red; font-size: 11pt; text-decoration: none;}
.aNegro:hover {text-decoration: underline; color: #333;}
.aRojo:hover {text-decoration: underline; color: red;}
.modal-title {font-family:'Open Sans', sans-serif; font-weight:800; color: #666; text-align: center; font-size: 18pt;}

.resenaDia {float: right; width: 100%; text-align: right;}
.contDia {float: left; width: 100%; color: #000000; font-weight: normal; padding: 4px;}
.eventoDia {position: relative; float: left; width: 100%; height: 26px; padding: 5px; margin-top: 2px; margin-bottom: 2px; overflow: hidden; border: 1px solid #000000; text-align: left;}
	.eventoDia a {position: absolute; white-space: nowrap;}

/* */
@media (max-width:610px) {
	.cabeceraAgenda {max-width: 14%; text-align: center; padding: 5px !important; font-size: 12px; font-family:'Open Sans', sans-serif; font-weight:800; background-color: #f8f8f8; color: #333;}
	.cabeceraDia {max-width: 14%; font-family:'Open Sans', sans-serif; font-weight:800; text-align: center; font-size: 8px; padding: 5px !important; color: #fff; min-width: 30px; background-color: #016450;}
	.dia {max-width: 14%; text-align: center; padding: 5px; height: 60px; border: 1px inset #ccc;}
	.diaSelected {max-width: 14%; background-color: #f8f8f8; text-align: center; padding: 5px; height: 60px; color: red; font-weight: bold;}
	.aNegro {font-family:'Open Sans', sans-serif; font-weight:400; color: #333; padding: 5px 8px; font-size: 8px; text-decoration: none;}
	.aRojo {font-family:'Open Sans', sans-serif; font-weight:400; padding: 5px; color: red; font-size: 8px; text-decoration: none;}
	}
/* */

.pieDocumento {text-align: center; padding: 20px;}

/* filtros */
.colorFiltros {background-color: #016450 !important;}
.colorFiltros .panel-title {color: #FFFFFF; font-weight: bold;}

/* filtros con algún parámetro definido */
.colorFiltrosDefinidos {background-color: #fcb929 !important;}
.colorFiltrosDefinidos .panel-title {color: #FFFFFF; font-weight: bold;}
.enlaceVaciaFiltosDefinidos {float: right;}

/* forzamos rotura de cadenas largas */
TD {word-break: break-word !important;}