body{

    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align:justify;	
    font-size:1em;    
    margin:0px;
    padding: 0px;
}

h2,h1{
    color:#994752;
}

#contenedor_paginador2{
    background-color:#cccccc;
    color:#000000;
    vertical-align:top;
    text-align:left;
    border:1px solid;
    padding: 5px;
    border-spacing:0;
    border-collapse:collapse;
    font-size:0.6em;
    width:700px;
}


#contenedor_vista h2{
    text-align:center;
}

td, tr{
    vertical-align:top;
    text-align:left;
}


.label_oculto{
    display:none;
}

#titulo_aplicacion{
    font-size:30px;
    font-weight:bold;
    text-align:center;
    margin:10% auto;
    color:#994752;
}

#enlaces_vistas{
    text-align:center;
    margin:30px auto;
    margin-top:5%;	
    width:600px;
}

#enlace_vista_tecnico{
    width:200px;
    float:left;	
    font-size:0.7em;
    color:#0199AD;
    font-weight:bold;
}

#enlace_vista_coordinador{

    float:left;
    font-size:0.7em;
    font-weight:bold;
    color:#0199AD;
}

#enlace_vista_invitado{
    font-size:0.7em;
    color:#00B5CD;	
    font-weight:bold;
}


ul, li{
    margin:0;
    padding:5px;
    text-align:justify;
    font-weight:normal;
    color:#959596;
}

#enlace_vista_coordinador li a, #enlace_vista_tecnico li a{

    color:#959596;
    font-weight:bold;
}

#enlace_vista_coordinador li a:hover, #enlace_vista_tecnico li a:hover{
    color:#00B5CD;	
}

.ubicacion li{	
    padding:2px;
    margin-top:10px;
    margin-left:5px;
}

.contenedor_ubicacion_0,.contenedor_ubicacion_1, .contenedor_ubicacion_2, .contenedor_ubicacion_3,
.contenedor_ubicacion_4, .contenedor_ubicacion_5,.contenedor_ubicacion_6{
    margin:1px;
}

.contenedor_ubicacion_0{
    padding-left:5px;
}

.contenedor_ubicacion_1{
    padding-left:25px;
}

.contenedor_ubicacion_2{
    padding-left:50px;
}

.contenedor_ubicacion_3{
    padding-left:75px;
}

.contenedor_ubicacion_4{
    padding-left:100px;
}

.contenedor_ubicacion_5{
    padding-left:125px;
}

.contenedor_ubicacion_6{
    padding-left:150px;
}

.ubicacion_0{
    font-size:1.2em;
    color: #105981;
    font-weight:bold;	
}
.ubicacion_0 a{
    color: #105981;
}

.ubicacion_0 a:hover{
    color:#994752;
}


.ubicacion_1{
    font-size:1em;
    color: #105981;
    font-weight:bold;	
}

.ubicacion_1 a{
    color: #105981;
}

.ubicacion_2{
    color: #ff9933;
    font-weight:bold;
    font-size:0.8em;
}

.ubicacion_2 a{
    color: #ff9933;
}

.ubicacion_3{
    color: #105981;
    font-weight:bold;
    font-size:0.7em;
}

.ubicacion_3 a{
    color: #105981;
}

.contenedor_ubicacion_0 li{
    margin:0;
    padding:0;
    list-style-image:url(../imagenes/mini_circulo_logo.gif);	
}

.contenedor_ubicacion_1 li{
    margin:0;
    padding:0;
    list-style-image:url(../imagenes/botazul2.gif);	
}

.contenedor_ubicacion_2 li{
    margin:0;
    padding:0;
    list-style-image:url(../imagenes/botnaranja2.gif);
}

.contenedor_ubicacion_3 li{
    margin:0;
    padding:0;
    list-style-image:url(../imagenes/botazul2.gif);
}

#contenedor_vista table{
    margin:10px auto;
    clear:both;
}


.notificacion{
    font-size:0.6em;
}

.notificacion_num{
    font-weight:bold;
}

.contenedor_nuevas_y_estado{
    padding:0px;
    width:980px;
    padding-left:30px;
    padding-bottom:20px;
}

.seccion_incidencias_nuevas{
    float:left;
    padding-right:30px;
    padding-bottom:20px;
}

.tabla_estado_tecnicos{		
    border-spacing:0;
    border-collapse:collapse;
    font-size:0.6em;
    width:300px;
}

.tabla_estado_tecnicos td, .tabla_estado_tecnicos th{ 
    border:1px solid #000000;
    padding:5px;

}
.tabla_estado_tecnicos th{
    text-align:center;
    background-color:#999999;
    width:100px;
}
.tabla_estado_tecnicos td{
    background-color:#cccccc;
}

.checkbox_tecnico{
    text-align:center;
}

.tabla_incidencias_nuevas{
    width:600px;	
    border-spacing:0;
    border-collapse:collapse;
    font-size:0.6em;
}

.tabla_incidencias_nuevas td, .tabla_incidencias_nuevas th{ 
    border:1px solid #000000;
    padding:5px;
}
.tabla_incidencias_nuevas th{
    text-align:center;
    background-color:#999999;
}
.tabla_incidencias_nuevas td{

    /*	background-color:#CFE2E0;*/
    background-color:#EDCFB3;
    background-color:#E6DAB5	;
    /*	background-color:#E5C3C3;*/
}


.tabla_incidencias_actuales{
    width:908px;	
    border-spacing:0;
    border-collapse:collapse;
    font-size:0.6em;
    clear:both;
}

.contenedor_incidencias_actuales{
    clear:both;
    padding:10px;
    padding-left:50px;
}
.contenedor_incidencias_nuevas{
    padding:20px;
}

.contenedor_tabla_incidencias_actuales{
    padding-left:50px;
    padding-bottom:10px;
}

.incidencias_actuales_titulo, .incidencias_nuevas_titulo{
    font-weight: bold;
    color: #666666;
    font-size:0.7em;
}

.incidencias_nuevas_titulo{
    color:#ff0000;
}

.tabla_incidencias_actuales td, .tabla_incidencias_actuales th{ 
    border:1px solid #000000;
    padding:5px;
}
.tabla_incidencias_actuales th{
    text-align:center;
    background-color:#999999;
}
.tabla_incidencias_actuales td{
    background-color:#cccccc;
}

.fila_vacia{
    text-align:center;
}



.tabla_incidencia{		
    border-spacing:0;
    border-collapse:collapse;
    font-size:0.6em;
    width:700px;
    margin-bottom:30px;	
}
.tabla_listado{		
    border-spacing:0;
    border-collapse:collapse;
    font-size:0.6em;
    width:800px;
    margin-bottom:30px;	
}

.tabla_listado td, .tabla_listado th{ 
    border:1px solid #000000;
    padding:5px;

}
.tabla_listado th{
    text-align:center;
    background-color:#999999;

}
.tabla_listado td{
    background-color:#cccccc;
}




.tabla_formularioTP{		
    border-spacing:0;
    border-collapse:collapse;
    font-size:0.6em;
    width:500px;
    margin-bottom:30px;	
}

.tabla_formularioTP td, .tabla_formularioTP th{ 
    border:1px solid #000000;
}
.tabla_formularioTP th{
    text-align:center;
    background-color:#999999;

}
.tabla_formularioTP td{
    background-color:#cccccc;
}

.tabla_incidencia td, .tabla_incidencia th{ 
    border:1px solid #000000;
    padding:5px;

}
.tabla_incidencia th{
    text-align:center;
    background-color:#999999;

}
.tabla_incidencia td{
    background-color:#cccccc;
}

#dato{
    width:100px;	
}

.columna_dato_incidencia{
    font-weight:bold;
}


#caja_diario_trabajo{
    text-align:center;
    background-color:#cccccc;
    width:680px;
    margin:30px auto;
    padding-bottom:5px;
    border:1px solid #999999;
    font-size:0.8em;
}

#caja_opciones_listado{
    text-align:center;
    background-color:#cccccc;
    width:700px;
    margin:30px auto;
    padding-bottom:5px;
    border:1px solid #999999;
    font-size:0.8em;
}

#fecha_inicio, #fecha_finalizacion{
    width:320px;
    margin:5px;
    margin-left:20px;
}

#caja_fechas input, .fecha{
    width:70px;
}



#caja_fechas{
    float:left;	
}

#caja_horas input{	
    width:37px;
}

#hora_inicio, #hora_finalizacion{	
    margin:5px;
    margin-left:20px;
}

#fecha_inicio input, #hora_inicio input{
    margin-left:39px;
}

#titulo_diario_trabajo{
    font-size:1.1em;
    font-weight:bold;
    padding:5px;
}

#titulo_diario_trabajo hr{
    color:#999999;
}


.tabla_historico_incidencia{		
    border-spacing:0;
    border-collapse:collapse;
    font-size:0.6em;
    width:700px;
    margin-bottom:30px;		
}

.tabla_historico_incidencia td, .tabla_historico_incidencia th{ 
    border:1px solid #000000;
    padding:5px;

}
.tabla_historico_incidencia th{
    text-align:center;
    background-color:#999999;

}
.tabla_historico_incidencia td{
    background-color:#cccccc;
}

#ver_historico, #ocultar_historico{
    font-size:0.7em;	
    color:#000000;	
    margin:20px;
    margin-left:50px;
}

#ver_historico a, #ocultar_historico a{		
    color:#000000;	
}


.tabla_info_tecnico{		
    border-spacing:0;
    border-collapse:collapse;
    font-size:0.6em;
    width:300px;
}

.tabla_info_tecnico td, .tabla_info_tecnico th{ 
    border:1px solid #000000;
    padding:5px;

}
.tabla_info_tecnico th{
    text-align:center;
    background-color:#999999;	
}
.tabla_info_tecnico td{
    background-color:#cccccc;
}

#contenedor_info_tecnico{
    margin-top:30px;	
}

#contenedor_info_tecnico table{
    margin: 1px auto;	
}

#contenedor_info_tecnico .tabla_incidencias_actuales{
    width:700px;
    padding-left:0px;
    margin-left:0px;
    margin: 1px auto;
}
#contenedor_info_tecnico .contenedor_tabla_incidencias_actuales{
    padding-left:0px;
    margin-left:0px;
}

#contenedor_info_tecnico .incidencias_actuales_titulo{
    margin:20px;
    text-align:center;
}

#cabecera_tecnico{
    text-align:center;
    font-size:0.9em;
    color: #105981;
    font-weight:bold;	
    margin:10px;	
}



input {
    font-family: Verdana, Arial, Helvetica, sans-serif;       
    color: #666666;
    text-decoration: none;
}

form{
    text-align:justify;
    margin:0;
    padding:0;
}

a {
    color: #105981;

}

a:hover {
    color: #333333;
    text-decoration: none;
}

#confirmacion_incidencia{
    text-align:center;
    font-size:0.9em;
    color: red;
    font-weight:bold;	
    margin:10px;
}


.botones_formulario{
    width:200px;
    text-align:center;
    margin:1px auto;
    margin-top:20px;
}

.botones{
    text-align:center;
    margin:1px auto;
}

.boton_izquierdo{
    float:left;
}

.tabla_col_fecha, .tabla_col_hora{
    vertical-align:top;
    text-align:center;

}
.tabla_col_hora input{	
    width:37px;
    font-size:0.9em;
}

.tabla_col_fecha input{	
    width:70px;
    font-size:0.9em;
}

.input_hora{
    width:37px;
}

.input_fecha{
    width:70px;
}

.tabla_registrar_incidencia{		
    border-spacing:0;
    border-collapse:collapse;
    font-size:0.6em;
    width:700px;
    margin:10px;
    margin-bottom:30px;		
}

.tabla_registrar_incidencia td, .tabla_registrar_incidencia th{ 
    border:1px solid #000000;
    padding:5px;

}
.tabla_registrar_incidencia th{
    text-align:center;
    background-color:#999999;

}
.tabla_registrar_incidencia td{
    background-color:#cccccc;
}

.tabla_registrar_incidencia select{
    font-size:0.9em;
    color: #666666;
}

textarea{
    font-size:12px; 
    color: #666666;
}

.caja_sigue_texto{
    font-weight:bold;
    color: #105981;
}

.select_ubicacion_tecnico form{
    margin:0px; padding:0px;
}

.select_ubicacion_incidencia {
    height: 400px;
}

.ubicacion_actual{
    text-align:left;
}

.ubicacion_finalizada{
    text-align:left;
}

.tabla_incidencias_finalizadas{
    width:708px;	
    border-spacing:0;
    border-collapse:collapse;
    font-size:0.6em;
}

.contenedor_incidencias_finalizadas{
    padding:20px;
    padding-left:50px;
}
.contenedor_tabla_incidencias_finalizadas{
    padding-left:50px;
}

.incidencias_finalizadas_titulo{
    font-weight: bold;
    color: #666666;
    font-size:0.7em;
}

.tabla_incidencias_finalizadas td, .tabla_incidencias_finalizadas th{ 
    border:1px solid #000000;
    padding:5px;
}
.tabla_incidencias_finalizadas th{
    text-align:center;
    background-color:#999999;
}
.tabla_incidencias_finalizadas td{
    background-color:#cccccc;
}

.columna_centrada{
    text-align:center;
}

#cuadro_login{
    text-align:center;
    font-size:0.9em;

    margin:1px auto;
    margin-top:5%;
    width:200px;
    border: 2px solid #999997;
}
#cuadro_login form, #cuadro_salir form{
    margin:0;
    padding:0;

}
#cuadro_salir form{
    text-align:right;
}
#cuadro_login form {
    text-align: center;
}
#cuadro_login input{
    font-size:0.6em;
}

#contenedor_cuadro_salir_invitado{
    /*	background-image: url(../imagenes/circulo_logo.gif);
            background-repeat: no-repeat;*/	
    float:right;		
    width:100px;	
    background-color:#ffffff;
}
#contenedor_cuadro_salir{
    /*	background-image: url(../imagenes/circulo_logo.gif);
            background-repeat: no-repeat;*/	
    width:100%;	
    height: 3em;
    padding-top: 1%;
    text-align: center;
    display: inline-block;
    background-color:#DEDCDC;
    position: fixed;
    top:0px;
}

#contenedor_cuadro_salir img{
    float:left;
    border:0px;	
    padding:2px;
    padding-right:5px;
    padding-left:5px;
}

#cuadro_salir{	

    padding:2px;
    font-weight:bold;	
    font-size:0.7em;
    background-color:#DEDCDC;
    color: #ffffff;
    margin:2px auto;
    margin-right: 10px;
    float: right;
}
#cuadro_salir a{
    color: #666666;

}

.boton_salir{
    border:1px solid #994752;
}


.ficha_nombre, .ficha_nombre_valor, .ficha_tlf, .ficha_email{
    text-align:justify;		
}

.texto_login{
    text-align:justify;
    margin:5px;
    font-size:0.6em;
}

#boton_entrar{
    margin:10px;
}

.notificacion_conf{
    text-align:left;
    font-size:0.7em;
    color: black;
    font-weight:bold;	
    margin:10px;
}

.notificacion_error{
    text-align:center;
    font-size:0.7em;
    color: #ff0000;
    font-weight:bold;	
    margin:10px;
}

.contenedor_historico{
    clear:both;
    margin:10px auto;
    text-align:center;
}

#contenedor_error{
    width:800px;
    background-color:#994752;
    color:#ffffff;
    text-align:left;
    margin: 5px auto;
    font-size:0.8em;
    padding: 10px;
}

#contenedor_nueva_incidencia{
    width:800px;
    background-color:#cccccc;
    color:#000000;
    margin: 5px auto;
    padding: 10px;
}

#contenedor_paginador{
    width:650px;
    background-color:#cccccc;
    color:#000000;
    text-align:center;
    border:1px solid;
    margin: 5px auto;
    font-size:0.8em;
    padding: 5px;
}

.seccion_error, .seccion_nueva{
    font-weight:bold;
    padding:5px;
}

#titulo_error{
    padding-top:30px;
}

#titulo_error,#texto_error{
    text-align:center;
    font-size:0.9em;
    color: red;
    font-weight:bold;	
    margin:10px auto 10px;
}


#contenedor_vista_coordinador,#contenedor_vista_tecnico{
    padding-left:25px;
}

#enlace_crear_incidencia{
    width:30em;
    clear:both;	
    font-size:0.7em;	
    font-weight:bold;
    margin:1px auto;
    margin-top:30px;	
    text-align:center;
    border: 1px solid #994752;
    background-color:#994752;
    background-color:#ffffff;

}
#enlace_crear_incidencia a{
    color:#ffffff;
    color:#0199AD;
    text-decoration:none;
}

#contenedor_finalizadas{

    background-color:#cccccc;
    width:700px;	
    margin:30px 30px 30px 0px ;
    padding-bottom:5px;
    border:1px solid #999999;
    font-size:0.7em;
}

.error_pagina{
    text-align:center;
    font-size:0.9em;
    color: red;
    font-weight:bold;
    padding:10px;	
    padding-top:40px;
}

.enlace_inicio{
    font-size:0.8em;
    padding:20px;
    text-align:center;
}

#caja_ubicaciones_finalizadas, #caja_tecnicos_finalizadas, #caja_fechas_finalizadas{
    padding:5px;


}

.notificacion_error_tabla{
    text-align:center;
    font-size:1em;
    color: #ff0000;
    font-weight:bold;	
    margin:10px;
}

.clear{
    clear:both;
}

#desplegable{
    font-size:0.8em;
    color:#000000;
    padding:10px;
}

#desplegable a{ 
    color:#000000;
}

.codigo_nueva{
    color:#ff0000;
}

.tabla_historico_incidencia td .nueva_operacion{
    /*	background-color:#CFE2E0;*/
    background-color:#EDCFB3;
    background-color:#E6DAB5	;
    /*	background-color:#E5C3C3;*/
}

td .nueva_operacion{
    /*	background-color:#CFE2E0;*/
    background-color:#EDCFB3;
    background-color:#E6DAB5	;
    /*	background-color:#E5C3C3;*/
}

.nueva_operacion{
    /*	background-color:#CFE2E0;*/
    background-color:#EDCFB3;
    background-color:#E6DAB5;
    /*	background-color:#E5C3C3;*/
    color:red;
}


.caja_index{	
    width:500px;
    background-color:#DEDCDC;	
    margin:1px auto;
    margin-top:30px;	
    border:2px solid #994752;
    padding:10px;
}

.titulo_caja_index{
    text-align:center;
    font-size:1.1em;
    font-weight:bold;
    color:#0199AD;	
}

.tabla_index_vista_tecnico{
    width:500px;
    padding:20px;
    font-size:0.8em;
}

.tabla_index_vista_tecnico .ubi, .tabla_index_vista_coord .ubi a{
    color:#994752;
    font-weight:bold;
}

.tabla_index_vista_coord{
    width:500px;
    padding:10px;
    font-size:0.8em;
    text-align:center;
}

#caja_coord_tecnicos{
    text-align:center;
    font-weight:bold;
    font-size:0.7em;
}

/*tr.fila_1 td{
        background-color:#CFE2E0;
}
tr.fila_2 td{
        background-color:#EDCFB3;
}
tr.fila_3 td{
        background-color:#E6DAB5;
}
tr.fila_4 td{
        background-color:#E5C3C3;
}*/

tr.fila_1 td{
    background-color:#DFC694;
    background-color:#e3cd8a;
}
tr.fila_2 td{
    background-color:#A9D2A6;
    background-color:#f1ead5;
}
tr.fila_3 td{
    background-color:#997A99;
    background-color:#e7bae6;
    background-color:#f1c6d0;
    background-color:#c4aec4;
    background-color:#d0bfd0;
    background-color:#e5e5e5;
}
tr.fila_4 td{
    background-color:#628E97;
    background-color:#b1bec1;
    background-color:#ded9c9;
}
tr.fila_5 td{
    background-color:#AECBDA;
    background-color:#d9cda7;
}

tr.fila_6 td{
    background-color:#E6DAB5;
}

/*Estilos para el formulario de archivos adjuntos*/
#form_archivos{
    font-size:0.8em;
}
#form_archivos input#larchivo{
    margin-left:35px;
    margin-right:10px;
}
#form_archivos #ldescripcion{
    margin-left:10px;
}

.form_Etiquetas_paginador{
    margin:0;
    padding:0;
    font-size:0.7em;
}




.accionesLogin{
    margin-top: 0.5em;
    text-align: left;
}


/* Estilos reloj */
div.fechaHora { display:inline-block;}
div.fechaHora #Date { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:small; text-align:center; text-shadow:0 0 5px #fff; font-weight: bold; }
div.fechaHora ul { margin:0 auto; padding:0px; list-style:none; text-align:center; }
div.fechaHora ul li { display:inline; font-size:medium; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; text-shadow:0 0 5px #fff; padding: 0px; color: #666666;  }
div.accionesLogin a { color: #666666;}

div.separador { margin-bottom: 75px;}

@media only screen
and (min-width: 320px)
and (max-width: 479px){

    body *{
        max-width: 280px;
    }

}

@media only screen
and (min-width: 480px)
and (max-width: 600px){
    body *{
        max-width: 350px;
    }

}

@media only screen
and (min-width: 600px)
and (max-width: 800px){
    body *{
        max-width: 500px;
background-image: none;
    }

}

@media only screen
and (min-width: 800px)
and (max-width: 900px){
    body *{
        max-width: 700px;
    }

}

