* {margin:0;padding:0;}

@font-face{
    font-family:Neutro;
    src: url(../fonts/arial.ttf);
}
@font-face{
    font-family:Calibri;
    src: url(../fonts/Calibri.ttf);
}
body {
	font-family:Neutro;
	font-size:0.8em;
	line-height:1em;
}

/* ---------------------------------- header --------------------------------------------- */

.tail-top-right {
	height:230px;
	position:absolute;
	width:100%;
	right:0;
	top:0;
	background:url(../img/header-der.jpg) repeat-x right top;
}
.tail-top {
    height:230px;
	position:absolute;
	width:40%;
	left:0;
	top:0;
    background:url(../img/header-izq.jpg) left top repeat-x;
}
#cabecera {
    font-size:0.814em;
    height:230px;
    width:80%;
    position:absolute;
    left:10%;
    top:0;
    background:url(../img/header-bg.jpg) no-repeat left top;
    text-align:right;
    padding-right:10%;
}
/* Banderas */
#cabecera .row-1 {
    width:100%;
    overflow:hidden;
    height:85px;
    padding-top:15px;
}
#cabecera .row-1 img {
    height:25px;
}
/* Logo */
#cabecera .row-2 {
    padding:0 0 9px 0;
}
#cabecera .row-2 img {
    box-shadow: 0px 0px 40px 5px rgba(255,255,255,0.75);
}
/* texto glooman networks */
#cabecera .row-2 p {
    padding-top:18px;
    font-family:Calibri, sans-serif;
    color:white;
    font-size:32px;
}
#cabecera .row-2 span {
    padding-top:18px;
    font-family:Calibri, sans-serif;
    color:white;
    font-size:24px;
}

h3 {
    color:#2872c5;
    font-weight:normal;
    font-size:1.23em;
    line-height:1.25em;
    margin-bottom:21px;
}
.p1 { margin-bottom:30px;}
.p2 { margin-bottom:10px;}
.p3 { margin-bottom:16px;}
.p4 {
    padding-left:41px;
    margin-bottom:20px;
}
.flotante {
    float:left;
    margin-right:10px;
    max-width:200px;
    max-height:125px;
}
.centrado {
    text-align:center;
    margin:2em 0;
}
.textoCentrado {
    text-align: center;
}
.textoDerecha {
	text-align: right;
}
.limpio {
    clear:both;
}
.rojo {
    color:red;
    text-align:center;
}
#papel {
    margin:0 auto;
    width:90%;
}
#main {
    margin:240px auto 10px auto;
    border:1px solid black;
    padding:10px;
    width:90%;
    background-color:#efefff;
	overflow:hidden;
}
#ayuda {
    margin:0 auto;
    padding:0 100px;
}
.logo {
    float:left;
}
.logoLimpio {
    text-align:center;
    clear:both;
}
.fechas {
    float:right;
    text-align:right;
}
.tail-bottom {
    background:url(../img/tail-bottom.gif) left bottom repeat-x;
    height: 67px;
}
#footer {
    clear:both;
    color:#fff;
    text-align:center;
    font-size:0.75em;
    line-height: 24px;
}
.botones{
    position:fixed;
    bottom:0;
    right:0;
}
.botones button{
    background:none;
    border:none;
    cursor:pointer;
}
.deOrange {
    font-size: 6em;
    color:#fb6a01;
}
.deGlooman {
    font-size: 6em;
    color:#4286f4;
}
.info{
    background-color:#77ccee;
    margin-top:5px;
}
.infoError{
    color:red;
}
.resultados{
    float:left;
    width:100%;
}
.resultados a {
	text-decoration:none;
	color:blue;
}
.tabla {
    text-align: left;
    border-collapse: collapse;
    margin: 0 0 2em 0;
    width:100%;
}
.tabla th{
    padding: 0.3em;
    border-bottom: 1px solid #999;
    text-align:center;
}
.tabla td{
   padding: 0.3em;
   border-bottom: 1px solid #999;
   font-size:0.9em;
}

/* -------------------------------------------- Acceso ASP----------------------------------------------------- */
#pestanas{
	height: 3em;
	line-height:3em;
}
.pestPeriodo{
	float:left;
	border: 1px solid black;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom: none;/*2px solid white;*/
	width: 7em;
	text-align: center;
	font-size:0.8em;
}
.actual{
	cursor:pointer;
	background-color:#fbe7d9;
	/*z-index:999;*/
}
.pestPeriodo:hover{
	cursor:pointer;
	background-color:#fbe7d9;
	z-index:999;
}
#fichas{
	border: 1px solid black;
	min-height: 200px;
	padding: 1em;
	background-color:#fbe7d9;
}
.ficha {
	border: 1px dashed gray;
	min-height: 6em;
	line-height: 2.5em;
	margin: 0.25em 1em;
	padding: 0.5em;
	background-color: #eee;
}
.tablaEspaciada {
	text-align: left;
    border-collapse: collapse;
    /*margin: 0 0 2em 0;
    width:100%;*/
}
.tablaEspaciada td{
	padding: 0.3em;
	border-bottom: 1px solid #999;
	font-size:0.9em;
}
.tablaEspaciada .peque {
	font-size:0.75em;
}
.tablaExtendida {
    text-align: left;
    border-collapse: collapse;
    font-size:0.9em;
    width:100%;
}
.tablaExtendida td{
	height: 1.2em;
	padding: 0.3em;
	border-bottom: 1px solid #999;
	font-size:0.9em;
}
.negrita {
    font-weight: bold;
}
.estiloCase {
	width: 6em;
}
.estiloDate {
	width: 7em;
}
.estiloKms {
	/*width: 2em;*/
    text-align: right;
}
.estiloActivity {
	text-align: center;
}
.estiloHourPrice{
	width: 3.5em;
	text-align: right;
}
.estiloExtraExp {
    width: 3.5em;
	text-align: right;
}
.estiloTotal {
	width: 5em;
	text-align: right;
}

/* -------------------------------------------- intervenciones -------------------------------------------------------- */
#intervenciones table {
	font-size:0.75em;
	border-collapse: collapse;
	width:100%;
}
#intervenciones td {
	padding: 2px;
	border: 1px solid green;
}
/* ------------------------------------------- parte de trabajo ------------------------------------------------------- */
#hojaA4 {
    font-family:Neutro;
    margin:0 auto 0px auto;
    padding:10px;
    width:725px;
    overflow:hidden;
    /*background:#efefff url(../img/logo_glooman_definitivo.png) 10px 10px no-repeat;*/
	background:#efefff url(../img/marcaAgua.png) bottom right no-repeat;
}
#hojaA4 .logo {
	float: left;
	width:200px;
	height:72px;
    background:url(../img/logo_glooman_definitivo.png) left top no-repeat;
}
#hojaA4 #datosPersonales {
    width:725px;
    font-size:1em;
}
	
#hojaA4 #datosTiempo, #hojaA4 #datosMateriales {
    width:723px;
    font-size:1em;
}
#hojaA4 #datosPersonales td, #hojaA4 #datosTiempo td {
    width:103px;
}
#hojaA4 .datosTipo {
    width:725px;
    font-size:1em;
}
#hojaA4 .datosTipo td {
    width:103px;
}
#hojaA4 .trabajos {
    margin:0;
    width:725px;
    resize:vertical;
}
#hojaA4 input {
    margin:2px;
    padding:2px;
    font-family:Neutro;
	color:#369;
}
#hojaA4 .botonSiguiente {
	width:150px;
	margin:2px;
    padding:2px;
    font-family:Neutro;
	color:#369;
}
#hojaA4 #zonaFirmas {
    width:725px;
    font-size:1em;
}
#hojaA4 .firmaCliente, #hojaA4 .firmaTecnico {
    width:350px;
    height:210px;
    /*border:1px solid black;*/
}
#hojaA4 .botones2 {
    text-align:center;
}
/* ------------------------------------------- tiempos parte de trabajo ------------------------------------------------------- */
#hoja {
    font-family:Neutro;
    margin:250px auto 20px auto;
    /*border:1px solid black;*/
    padding:10px;
    width:725px;
    /*width:90%;
    max-width:725px;*/
    background-color:#efefff;
    overflow:hidden;
}
#hoja #datosPersonales {
    width:725px;
    font-size:1em;
	border:none;
}
#hoja #datosTiempo {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
    width:723px;
    font-size:1em;
}
#hoja #datosTiempo td {
	border-bottom: 1px solid black;
}
#hoja #datosPersonales td, #hoja #datosTiempo td {
    width:103px;
}
#hoja input {
    margin:2px;
    padding:2px;
    font-family:Neutro;
	color:#369;
}
/* ------------------------------------------- tiempos parte de trabajo JUNTO AL PARTE ------------------------------- */
#hojaA4junta {
	display: none;
	font-family:Neutro;
    padding:10px;
    width:420px;
    background-color:#ffefff;/*#efefff;*/
    overflow:hidden;
}
#hojaA4junta #datosTiempo {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
    width:398px;
    font-size:1em;
}
#hojaA4junta #datosTiempo td {
	border-bottom: 1px solid black;
}
#hojaA4junta #datosTiempo td {
    /*min-width:65px;*/
}
#hojaA4junta input {
    margin:2px;
    padding:2px;
    font-family:Neutro;
	color:#369;
}
/* ------------------------------------------ fotos junto al parte de trabajo ---------------------------------------- */
#fotosParte {
	display: none;
	font-family:Neutro;
    padding:10px;
    width:420px;
    background-color:#ffefff;/*#efefff;*/
    overflow:hidden;
}
#fotosParte .tfoto {
	margin: 2px;
	width: 80px;
}
/* ------------------------------------------- Hoja para móvil ---------------------------------------------------- */
#hojaMovil {
    font-family:Neutro;
    margin:0 auto;
    padding:10px;
    width:380px;
    overflow:hidden;
    background:#efefff;
}
#hojaMovil .logo {
    width:180px;
    /*background:url(../img/glooman_logo.jpg) left top no-repeat;*/
}
#hojaMovil #datosPersonales {
    width:350px;
    font-size:.75em;
}
#hojaMovil #datosTiempo, #hojaMovil #datosMateriales {
    width:350px;
    font-size:1em;
}
#hojaMovil #datosPersonales td, #hojaMovil #datosTiempo td {
    /*width:103px;*/
}
#hojaMovil .datosTipo {
    width:350px;
    font-size:1em;
}
#hojaMovil .datosTipo td {
    /*width:103px;*/
}
#hojaMovil .trabajos {
    margin:0;
    width:350px;
    resize:vertical;
}
#hojaMovil input {
    margin:2px;
    padding:2px;
    font-family:Neutro;
	color:#369;
}
#hojaMovil #zonaFirmas {
    width:350px;
    font-size:1em;
}
#hojaMovil .firmaCliente, #hojaMovil .firmaTecnico {
    width:350px;
    height:210px;
    /*border:1px solid black;*/
}
#hojaMovil .botones2 {
    text-align:center;
}


/* ------------------------------------------- parte de trabajo IFI------------------------------------------------ */
#hojaA4Ifi {
    position: absolute;
    top:10px;
    left:10px;
    /*border:1px solid black;*/
    width: 802px;/*622px;*/
    height: 602px;
	background:url(../img/parteIFI_780_800x600.jpg) left top no-repeat;
    overflow:hidden;
    -webkit-box-shadow: 10px 10px 100px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 100px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 100px 0px rgba(0,0,0,0.75);
}
#hojaA4Ifi input {
	background-color: #f9f9f9;
    position:absolute;
    border:none;
    /*padding:2px;*/
    font-family:Neutro;
	color:#369;
    font-size:12px;
}
#hojaA4Ifi input:hover {
	background-color: #eee;
    border:none;
}
#hojaA4Ifi input:focus {
	outline: none;
	background-color: #ddd;
    border:1px solid #bbb;
}
@media print {
    #hojaA4Ifi {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}
#hojaA4Ifi #banner {
	position: fixed;
	top:20px;
	left:17px;
	color: red;
	font-weight: bold;
	writing-mode: vertical-lr;
    transform: rotate(180deg);
	z-index: 1000;
}
#hojaA4Ifi .numIfi {
	background: none;
    left:650px;
    top:18px;
    text-decoration:bold;
    width:85px;
    height:18px;
    font-size: 18px;
    color: red;
}
#hojaA4Ifi .numParte {
	background: none;
    left:540px;
    top:36px;
    text-decoration:bold;
    width:75px;
    height:10px;
    font-size: 10px;
}

#hojaA4Ifi .cliente {
    left:80px;
    top:105px;
    width:455px;
    height:14px;
}
#hojaA4Ifi .direccion {
    left:95px;
    top:129px;
    width:440px;
    height:14px;
}
#hojaA4Ifi .cp {
    left:55px;
    top:151px;
    width:80px;
    height:14px;
}
#hojaA4Ifi .poblacion {
    left:320px;
    top:151px;
    width:220px;
    height:14px;
}
#hojaA4Ifi .telefono {
    left:85px;
    top:172px;
    width:150px;
    height:14px;
}
#hojaA4Ifi .personaContacto {
    left:397px;
    top:171px;
    width:140px;
    height:14px;
}
#hojaA4Ifi .g1 {
    position: absolute;
    left:402px;
    top:75px;
}
#hojaA4Ifi .g2 {
    position: absolute;
    left:467px;
    top:75px;
}
#hojaA4Ifi .fecha {
    left:620px;
    top:62px;
    width:125px;
    height:14px;
}
#hojaA4Ifi .kms {
    left:640px;
    top:108px;
    width:40px;
    height:14px;
}
#hojaA4Ifi .spanKms {
	position: absolute;
    left:690px;
    top:109px;
}
#hojaA4Ifi .tiempoDesp {
    left:720px;
    top:142px;
    width:45px;
    height:14px;
}
#hojaA4Ifi .abonado {
    left:620px;
    top:170px;
    width:125px;
    height:14px;
}
#hojaA4Ifi .finalizado {
    position: absolute;
    left:383px;
    top:206px;
}
#hojaA4Ifi .r1 {
    position: absolute;
    left:511px;
    top:206px;
}
#hojaA4Ifi .r2 {
    position: absolute;
    left:637px;
    top:206px;
}
#hojaA4Ifi .r3 {
    position: absolute;
    left:753px;
    top:206px;
}
#hojaA4Ifi .trabajoRealizado {
    position:absolute;
	color:#369;
    left:28px;
    top:264px;
    font-size:14px;
	line-height:24px;
    width:745px;
    height:125px;
    padding:0;
    border:none;
    resize:none;
    background: none;
}
#hojaA4Ifi .trabajoRealizado:hover {
    border:none;
    background: rgba(225, 225, 225, 0.5);
}
#hojaA4Ifi .trabajoRealizado:focus {
	outline: none;
}
#hojaA4Ifi .material {
    position:absolute;
	color:#369;
    left:170px;
    top:390px;
    font-size:14px;
	line-height:24px;
    width:600px;
    height:72px;
    padding:0;
    border:none;
    resize:none;
    background: none;
}
#hojaA4Ifi .material:hover {
    border:none;
    background: rgba(225, 225, 225, 0.5);
}
#hojaA4Ifi .material:focus {
	outline: none;
}
#hojaA4Ifi .horaInicio {
    left:373px;
    top:495px;
    width:60px;
    height:14px;
}
#hojaA4Ifi .horaFin {
    left:373px;
    top:535px;
    width:60px;
    height:14px;
}
#hojaA4Ifi #signature-pad {
    position: absolute;
    color:#369;
    left:45px;
    top:512px;
    font-size:14px;
    width:220px;
    height:40px;
	margin:0;
    padding:0;
    border: none;
    resize:none;
    text-align: center;
}
#hojaA4Ifi #signature-pad-2 {
    position: absolute;
    color:#369;
    left:520px;
    top:485px;
    font-size:14px;
    width:230px;
    height:40px;
    margin:0;
    padding:0;
    border: none;
    resize:none;
    text-align: center;
}
#hojaA4Ifi #ENGsign, #hojaA4Ifi #CUSsign {
	position: relative;
	top: 10px;
}
#hojaA4Ifi .nombreTecnico {
    left:28px;
    top:497px;
    width:260px;
    height:14px;
}
#hojaA4Ifi .nombreCliente {
    left:530px;
    top:535px;
    width:215px;
    height:14px;
}
#hojaA4Ifi .correo {
    left:520px;
    top:570px;
    width:215px;
    height:14px;
}
#hojaA4Ifi .botonVolver {
	width: 150px;
	background-color: #ddd;
	border: 1px solid #bbb;
	border-radius: 5px;
	position: absolute;
    left:320px;
    top:570px;
}

/* ------------------------------------------- parte de trabajo ORANGE------------------------------------------------ */
#hojaA4Orange {
    position: absolute;
    top:10px;
    left:10px;
    border:1px solid black;
    width:622px;
    height:1002px;
    /*background:url(../img/parteOrange620px.jpg) left top no-repeat;*/
	background:url(../img/parteOrange620pxDobleTiempo.jpg) left top no-repeat;
    overflow:hidden;
    -webkit-box-shadow: 10px 10px 100px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 100px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 100px 0px rgba(0,0,0,0.75);
}
@media print {
    #hojaA4Orange {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}
#hojaA4Orange #banner {
	position: fixed;
	top:20px;
	left:17px;
	color: red;
	font-weight: bold;
	writing-mode: vertical-lr;
    transform: rotate(180deg);
	z-index: 1000;
}
#hojaA4Orange .header {
	position:absolute;
	left:100px;
	top:2px;
	z-index:999;
}
#hojaA4Orange .addressMod {
	position: absolute;
	left:80px;
    top:175px;
    font-size:12px;
	color:red;
	display: none;
}
#hojaA4Orange .incidentDetailsMod {
    position: absolute;
    left:115px;
    top:242px;
    font-size:12px;
	color:red;
	display: none;
}
#hojaA4Orange .incidentSummaryMod {
    position: absolute;
    left:30px;
    top:297px;
    font-size:12px;
	color:red;
	display: none;
}
#hojaA4Orange .descripMod {
    position: absolute;
    left:100px;
    top:523px;
    font-size:12px;
	color:red;
	display: none;
}
#hojaA4Orange .observationMod {
    position: absolute;
    left:355px;
    top:728px;
    font-size:12px;
	color:red;
	display: none;
}
#hojaA4Orange .mod {
    color:red;
	display: block;
}
#hojaA4Orange input {
    position:absolute;
    border:none;
    /*padding:2px;*/
    font-family:Neutro;
	color:#369;
    font-size:14px;
}
#hojaA4Orange .numParte {
    left:205px;
    top:14px;
    font-size:24px;
    /*text-decoration:bold;*/
	text-align:center;
    width:150px;
    height:27px;
    /*color:black;*/
}
#hojaA4Orange .selector {
    position: absolute;
    left:380px;
    top:17px;
}
#hojaA4Orange .nombre {
    left:70px;
    top:127px;
    width:235px;
    height:18px;
}
#hojaA4Orange .incidentReference {
    left:433px;
    top:127px;
    width:155px;
    height:18px;
}
#hojaA4Orange .siteCode {
    left:90px;
    top:149px;
    width:215px;
    height:18px;
}
#hojaA4Orange .customerReference {
    left:433px;
    top:149px;
    width:155px;
    height:18px;
}
#hojaA4Orange .address {
    position: absolute;
	color:#369;
    left:35px;
    top:189px;
    font-size:13.5px;
    line-height: 1.1em;
    width:270px;
    height:45px;
    padding:0;
    border:none;
    resize:none;
}
#hojaA4Orange .fecha {
    left:364px;
    top:171px;
    width:230px;
    height:19px;
    background-color: white;
}
#hojaA4Orange .contact {
    left:371px;
    top:194px;
    width: 220px;
    height: 18px;
}
#hojaA4Orange .phone {
    left:371px;
    top:216px;
    width: 220px;
    height: 18px;
}
#hojaA4Orange .r1 {
    position: absolute;
    left:51px;
    top:260px;
}
#hojaA4Orange .r2 {
    position: absolute;
    left:151px;
    top:260px;
}
#hojaA4Orange .r3 {
    position: absolute;
    left:259px;
    top:260px;
}
#hojaA4Orange .r4 {
    position: absolute;
    left:369px;
    top:260px;
}
#hojaA4Orange .r5 {
    position: absolute;
    left:481px;
    top:260px;
}
#hojaA4Orange .incidentSummary {
    position:absolute;
	color:#369;
    left:90px;
    top:276px;
    font-size:14px;
    width:500px;
    height:52px;
    padding:0;
    border:none;
    resize:none;
}
#hojaA4Orange .interv, #hojaA4Orange .pn, #hojaA4Orange .desc, #hojaA4Orange .sn, #hojaA4Orange .qu {
    height: 18px;
    text-align:center;
}
#hojaA4Orange .interv {
    left:30px;
    /*top:370px;*/
    width:25px;
}
#hojaA4Orange .pn {
    left:64px;
    /*top:370px;*/
    width:144px;
}
#hojaA4Orange .desc {
    left:213px;
    /*top:370px;*/
    width:146px;
}
#hojaA4Orange .sn {
    left:364px;
    /*top:370px;*/
    width:147px;
}
#hojaA4Orange .qu {
    left:515px;
    /*top:370px;*/
    width:78px;
}
#hojaA4Orange .linea1 {
    top:370px;
}
#hojaA4Orange .linea2 {
    top:390px;
}
#hojaA4Orange .linea3 {
    top:411px;
}
#hojaA4Orange .linea4 {
    top:431px;
}
#hojaA4Orange .linea5 {
    top:451px;
}
#hojaA4Orange .linea6 {
    top:471px;
}
#hojaA4Orange .linea7 {
    top:492px;
}

#hojaA4Orange .descrip {
    position: absolute;
    color:#369;
    left:35px;
    top:537px;
    font-size:13px;
    width:550px;
    height:155px;
    padding:0;
    border:none;
    resize:none;
}
#hojaA4Orange .ri1 {
    left:32px;
    top:698px;
}
#hojaA4Orange .ri2 {
    left:203px;
    top:698px;
}
#hojaA4Orange .ri3 {
    left:400px;
    top:698px;
}
#hojaA4Orange .arrival {
    left:135px;
    top:745px;
    width:69px;
    height:20px;
}
#hojaA4Orange .work {
    left:135px;
    top:767px;
    width:69px;
    height:20px;
}
#hojaA4Orange .completion {
    left:135px;
    top:788px;
    width:69px;
    height:20px;
}
#hojaA4Orange .travelDist {
    left:67px;
    top:810px;
    width:33px;
    height:20px;
    text-align:right;
}
#hojaA4Orange .kms {
	position:absolute;
    left:100px;
    top:814px;
    width:30px;
    height:20px;
    text-align:right;
}
#hojaA4Orange .travelTime {
    left:135px;
    top:811px;
    width:69px;
    height:20px;
}
#hojaA4Orange .arrival2 {
    left:208px;
    top:745px;
    width:69px;
    height:20px;
}
#hojaA4Orange .work2 {
    left:208px;
    top:767px;
    width:69px;
    height:20px;
}
#hojaA4Orange .completion2 {
    left:208px;
    top:788px;
    width:69px;
    height:20px;
}
#hojaA4Orange .travelTime2 {
    left:208px;
    top:811px;
    width:69px;
    height:20px;
}
#hojaA4Orange .observation {
    position: absolute;
    color:#369;
    left:285px;
    top:754px;
    font-size:13px;
    width:310px;
    height:77px;
    padding:0;
    border:none;
    resize:none;
}
#hojaA4Orange .LocalSupport {
	position: absolute;
	font-family:Neutro;
	color:#777;
    font-size:14px;
	left:320px;
    top:740px;
    width:150px;
    height:13px;
}
#hojaA4Orange .RemoteSupport {
	position: absolute;
	font-family:Neutro;
	color:#777;
    font-size:14px;
	position: absolute;
	left:450px;
    top:740px;
    width:150px;
    height:13px;
}
#hojaA4Orange #signature-pad {
    position: absolute;
    color:#369;
    left:75px;
    top:841px;
    font-size:14px;
    width:284px;
    height:67px;
	margin:0;
    padding:0;
    border:none;
    resize:none;
}
#hojaA4Orange #signature-pad-2 {
    position: absolute;
    color:#369;
    left:360px;
    top:841px;
    font-size:14px;
    width:284px;
    height:67px;
    margin:0;
    padding:0;
    border:none;
    resize:none;
}
#hojaA4Orange #ENGsign, #hojaA4Orange #CUSsign {
	position: relative;
	top: 30px;
}
/*.m-signature-pad {
    position:absolute;
    font-size:10px;
    width:284px;
    height:67px;
    top:50%;
    left:50%;
    margin-left:-284px;
    margin-top:-67px;
    background-color:#fff;
    overflow:hidden;
}
.m-signature-pad:before, .m-signature-pad:after {
    position:absolute;
    z-index:-1;
    content:"";
    width:40%;
    height:10px;
    left:20px;
    bottom:10px;
    background:transparent;
    -webkit-transform: skew(-3deg) rotate(-3deg);
    -moz-transform: skew(-3deg) rotate(-3deg);
    -ms-transform: skew(-3deg) rotate(-3deg);
    -o-transform: skew(-3deg) rotate(-3deg);
    transform: skew(-3deg) rotate(-3deg);
    box-shadow:0 8px 12px rgba(0, 0, 0, 0.4);
}
.m-signature-pad:after {
    left:auto;
    right:20px;
    -webkit-transform: skew(3deg) rotate(3deg);
    -moz-transform: skew(3deg) rotate(3deg);
    -ms-transform: skew(3deg) rotate(3deg);
    -o-transform: skew(3deg) rotate(3deg);
    transform: skew(3deg) rotate(3deg);
}
.m-signature-pad--header {
    position: absolute;
    left:0;
    right:0;
    top:0;
    height:20px;
}
.m-signature-pad--header .description {
    color:black;
    position:relative;
    top:5px;
    left:10px;
    text-align:left;
}
.m-signature-pad--header .button {
    position:absolute;
    top:0;
}
.m-signature-pad--header .button.clear {
    right:50px;
}
.m-signature-pad--header .button.save {
    right:0;
}
.m-signature-pad--body {
  /*position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.m-signature-pad--body canvas {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    height: 100%;
}
.m-signature-pad--body img {
    margin-top: 20px;
}*/
/*
.m-signature-pad {
    position:absolute;
    font-size:10px;
    overflow:hidden;
}
.m-signature-pad--header {
    position: absolute;
    right:0;
    top:0;
    width:45px;
    height:65px;
}
.m-signature-pad--header .description {
    display:none;
}
.m-signature-pad--header .button.clear {
    position:absolute;
    width: 45px;
    height: 32px;
    top:0;
    right:0;
}
.m-signature-pad--header .button.save {
    position:absolute;
    width: 45px;
    height: 32px;
    top:34px;
    right:0;
}
.m-signature-pad--body canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 233px;
    height: 100%;
}*/
#hojaA4Orange .nombreTecnico {
    left:106px;
    top:910px;
    width:200px;
    height:17px;
}
#hojaA4Orange .nombreCliente {
    left:392px;
    top:910px;
    width:200px;
    height:17px;
}
#hojaA4Orange .fechaFirma {
    left:392px;
    top:930px;
    width:160px;
    height:18px;
}
#hojaA4Orange .correo {
    border:1px solid black;
    padding-left:5px;
    left:312px;
    top:953px;
    width:288px;
    height:18px;
}
#hojaA4Orange .btnCancelar {
    left:312px;
    top:975px;
    width:120px;
    height:22px;
}
#hojaA4Orange .btnGuardar {
    left:440px;
    top:975px;
    width:160px;
    height:22px;
}
#hojaA4Orange .botones {
    bottom: 20px;
}

.botonesOrange{
    position:fixed;
    bottom:0;
    right:0;
    width:50px;
}

/* -------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------ Mobile Menu Core Style -------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#mobile-nav {
    /*position:absolute;*/
	position: fixed;
    text-align:right;
    top:50px;
    right:20px;
    z-index:1000;
    background-color:#fff;
}

.slicknav_btn { position: fixed; top:10px; right:20px; z-index: 100; display: block; /*vertical-align: middle;*/ float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/*
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #2872c5; /*#222222;*/
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    /*background:#4c4c4c;*/
    padding:5px;
    /*display: none;*/
}
.slicknav_nav {
    color: red; /*#fff;*/
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
    float:right;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
    color:green;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:blue; /*#fff;*/
    text-align:right;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}

/* -------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------ Estilo de impresión ----------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */

.imprimir {
    display:none;
}

@media print {
    .noimprimir {
        display:none;
    }
    .imprimir {
        display:inline;
    }
    .margenInferior {
        margin-bottom: 20px;
    }
    #hoja {
        margin:0;
        padding:10px;
        /*width:100%;*/
        background-color:white;
    }
    input:disabled{
        background-color:white;
        border:none;
        border-bottom: 1px solid gray;
    }
    #mobile-nav {
        display:none;
    }
    .slicknav_menu {
        display:none;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        opacity:0;
    }
    ::-moz-placeholder { /* Firefox 19+ */
        opacity:0;
    }
    :-ms-input-placeholder { /* IE 10+ */
        opacity:0;
    }
    :-moz-placeholder { /* Firefox 18- */
        opacity:0;
    }
}
@media screen and (min-width: 1200px) {
	
    #hojaA4 {
		margin:0 10px;
		float:left;
    }
	#hojaA4junta {
		display: inherit;
		margin-top: 10px;
		height: 600px;
		overflow: scroll;
	}
	#fotosParte {
		display: inherit;
		margin-top: 10px;
		height: 600px;
		overflow: scroll;
	}
}