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: #734f29;}
.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 url(../gfx/background-login.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
#loginContainer {
	width: 350px; height: 230px; 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: #734f29 */
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: #734f29;}
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:#734f29;}
	.link_ico a:hover {text-decoration:underline; color:#734f29;}

/* estilos para o menu */
.tit_menu {font-size:24px; color:#734f29; padding-bottom:5px;}
	.tit_menu a {color:#734f29; text-decoration: none;}
	.tit_menu a:hover {color:#734f29; 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:#734f29;}
	.link_ico_menu a:hover {text-decoration: underline; color:#734f29;}
.link_ico_menu_selected {float:left; height:22px; padding-top:8px;}
	.link_ico_menu_selected a {text-decoration: underline; color:#734f29;}
.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: #734f29;}
A.sub2:visited {font-family: Arial; font-size: 9pt; text-decoration: none; color: #734f29;}
A.sub2:hover {font-family: Arial; font-size: 9pt; text-decoration: underline; color: #734f29;}
A.sub2:active {font-family: Arial; font-size: 9pt; text-decoration: none; color: #734f29;}

TD.cabecera {font-family: Trebuchet MS; font-size:9pt; font-weight: bold; background-color: #734f29; color: #FFFFFF; height:25px;}
TR.fila1 {background-color:#F2F2F2; height:25px;}
TR.fila2 {background-color:#E6E6E6; height:25px;}
TD.fila1 {background-color:#F2F2F2; padding-left: 5px; height:25px;}
TD.fila2 {background-color:#E6E6E6; padding-left: 5px; height:25px;}
TR.filah {background-color:#d3d3d3; height:25px;}
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;}

/* login de acceso */
.tablaLogin {background-color: #734f29;border:1px solid #000000;}
.tablaLogin .tdLogo {background-color: #FFFFFF;text-align: center;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #000000;}
.tablaLogin .tdFormLogin {padding-top: 10px;padding-bottom: 10px;}

/* Listados */
TD.cabecera {font-family: Trebuchet MS; font-size:10pt; font-weight: bold; background-color: #734f29; color: #FFFFFF;}
TR.fila1 {background-color:#e3e3e3;}
TR.fila2 {background-color:#F9F9F9;}
TR.filah {background-color:#d3d3d3; cursor: hand; cursor: pointer;}
TR.fila1v {background-color:#f89595;}
TR.fila2v {background-color:#f8b2b2;}
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;}
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;}

.posicion-label {text-align: right; margin-top: 10px;}
.input-en-codigo {
	display: block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none; 
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

@media (max-width:767px) {
	.div-codigo .posicion-label {text-align: left;}
}

.div-botones-fichaje {	
	padding: 10px;
	padding-bottom: 50px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}

.btn-fichaje {
	min-width: 50%;
	font-size: 2rem;
	font-weight: bold;
	color: #ffffff;
	-webkit-text-stroke: 1px #000000;
	box-shadow: 0 0 4px rgba(0,0,0,0.8);
	margin: 10px 0px;
}