@charset "UTF-8";
/* CSS Document */

body, input, select, table, textarea {
    font-family: "Trebuchet MS";
    font-size: 10pt;
}



/* TABOAS SEN cellpadding - cellspacing */
table {
    border-collapse: collapse;
}

table tr td {
    padding: 0;
}
a, a:visited {    
    color: #376f6f ;        
}

a:hover, a:visited {
    text-decoration: none;
}

/**
 * TEMPLATE, Divido 3 columnas, 2 a cada lado finas, e unha no centro
*/
#pagina {
    position: relative;  
    margin-left: 40px;
}

#cabecera {
    height: 120px;
    position:relative;
    background:  url(../img/cliente/disenho2011/privado/cabecera_edificios.png) 100% 100% no-repeat;
}

#cabecera #logo {
    position: absolute;
    top:10px;
    left: 10px;
    height: 38px;
    width: 216px;
    background:  url(../img/cliente/disenho2011/privado/logo.png) 0 0 no-repeat;
}
#marco {
    position: relative;
    background:  url(../img/cliente/disenho2011/privado/marco_cen_arr.png) 0 0 repeat-x;
    height: 44px;
}

#contenidoMarco {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0; 
    background:  url(../img/cliente/disenho2011/privado/marco_arr.png) 100% 0 no-repeat;        
}

#marco #menuSalir {
    position: absolute; 
    top: 10px; 
    right: 15px;
    z-index: 1;
}
#marco #menuSalir table tr td {
    padding: 0 5px 0 0;
    vertical-align: middle;     
    text-align: center;
}

#marco #menuContadorBonos {
    position: absolute; 
    top: 45px; 
    right: 15px;   
    z-index: 10;
}
#marco #menuContadorBonos table tr td {
    padding: 5px;
    vertical-align: middle;    
}

#marco #menuContadorBonos table tr td a {
    vertical-align: bottom;
}
#marco #menuContadorBonos table tr th {
    text-align: right;   
    vertical-align: middle;    
}

#bienvenida {
    padding: 20px 0px 15px 10px;   
    width: 660px;
    margin-bottom: 00px;
    text-align: justify;
}

#zonaRojaAzul {
    padding: 20px 0 5px 0;
}

#pie{
    padding-top: 15px;
}

#pie #menuContacto {
    position: absolute; 
    bottom: 45px; 
    right: 15px;
    padding-top: 20px;
}

#pie #menuContacto .botonesRedesSociales {
    position:absolute;
    right: 0; top: 0;
}




#cuerpo {
    position: relative;
    background:  url(../img/cliente/disenho2011/privado/marco_lat_der.png) 100% 0 repeat-y;
    padding: 20px 20px 20px 00px;
}


#pie{
    height: 61px;    
    position: relative;
    background:  url(../img/cliente/disenho2011/privado/marco_lat_der.png) 100% 0 repeat-y;
    text-align: center;
}



#pagina  #eslogan {
    text-align: center;
    padding: 30px 40px 70px 40px;
}



/* PE DENTRO DO TEMPLATE*/



/* LISTADOS CON ESTILI EXCEL*/

.tablaListado a {
    font-weight: bold;
    color: #DA251D;
}

.tablaListado {
    width: 100%;
    border: 2px solid #CCCCCC;
    border-collapse: separate;
}

.tablaListado thead tr th {
    background:  #f9f9f9  url(../img/cliente/desenhoV5/cabecera_fila.gif) left bottom repeat-x;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #d0d0d0;
    height: 30px;
    padding: 5px;
}

.tablaListado tbody tr td {
    border-bottom: 1px dotted #ccc;
    padding: 5px;
}

.tablaListado .lineaImpar {
    background: #F5F5F5;
}


/**
 * EMERXENTE
*/
div.puntoCentral {
    position: absolute;
    left:50%;
    top:50%;
}

div.emergente {
    left:50%;
    top:50%;
    width: 600px;
    margin-left: -300px;
    display: none;
    position: fixed;
    text-align: justify;
    padding: 0px 10px  30px 10px;

    border-top: 1px solid #C3C3C3;
    border-left: 1px solid #C3C3C3;
    border-bottom: 4px solid #C3C3C3;
    border-right: 4px solid #C3C3C3;

    background: #FFF url(../img/cliente/desenhoV5/cabecera_fila.gif) left bottom repeat-x;
}

div.emergente h1 {
    font-size: 1.2em;
    text-decoration:underline;
    padding: 8px;
}
div.emergente .cerrarEmergente {
    position: absolute;
    top: 0px;
    width: 100px;
    right: 0;
    background: #DA251D;
    text-align: center;
}

div.emergente .cerrarEmergente a {
    display: block;
    font-weight: bold;
    text-align: center;
    color: #FFF;
}


/* AVISO QUE SAE CANDO E MOROSO, e tal*/
.aviso {
    border: 2px dotted red;
    background: rgb(255,255,128);
    padding: 10px;
    text-align: justify;
}

.avisoObrasParticulares {
    border: 2px dotted red;
    padding: 10px;
    text-align: justify;
}



/* FICHAS */
/**
 * BLoque formulario COMUJN
*/
.capaMargenBloqueFormulario {
    margin-left: 0px;
    margin-right: 0px;
}


.capaBloqueFormularioFicha h1 {
    background: #FFF url(../img/cliente/desenhoV5/cabecera_fila.gif) left bottom repeat-x;
    font-size: 1.2em;
    padding: 5px;
}

.capaBloqueFormularioFicha {
    border-top: 1px solid #C3C3C3;
    border-left: 1px solid #C3C3C3;
    border-bottom: 4px solid #C3C3C3;
    border-right: 4px solid #C3C3C3;
    background: #FFF;
}

.capaBloqueFormularioFicha .contenidoFormularioFicha {
    margin: 1px 5px 0px 5px;
}

.capaBloqueFormularioFicha .contenidoFormularioFicha td, .capaBloqueFormularioFicha .contenidoFormularioFicha th{
    text-align: left;
    padding-right: 5px;
    vertical-align: middle;
}

.capaBloqueFormularioFicha .contenidoFormularioFicha tr th {
    white-space: normal;
}


.capaBloqueFormularioFicha h2 {
    padding-left: 5px;
    margin: 18px 0px 0px 0px;
    font-size: 1.1em;
    border-left: 10px solid  #DA251D;
    border-top: 2px solid  #C3C3C3;
    border-bottom: 2px solid  #C3C3C3;
}

.capaBloqueFormularioFicha h3 {
    padding-left: 5px;
    font-size: 1em;
    border-bottom: 1px solid  #C3C3C3;
}


.capaBloqueFormularioFicha hr {
    border: 1px dotted  #C3C3C3;
}

.capaBloqueFormularioFicha .contenidoFormularioFicha .imagenFicha {
    padding: 8px 8px 8px 8px;
}

/* Añadido para mi ficha empresa */

.capaBloqueFormularioFicha .miFichaEmpresa td {
    padding: 4px;
}

.capaBloqueFormularioFicha .miFichaEmpresaCeldaLimpia {
    padding: 4px;
}

/* PARTE EXTERNA;*/
.capaBloqueFormularioExterno {
    font-size: 1.1em;
}

.capaBloqueFormularioExterno h1 {
    font-size: 1.5em;
    padding: 5px 5px 5px 5px;

}

.capaBloqueFormularioExterno p {
    text-align: justify;

    margin: 10px 0 0 0;
}

.capaBloqueFormularioExterno ul {
    margin: 5px 0 5px 30px;
}



/*PE DO PAXINADO*/
.piePaginado {
    margin: 20px 0px 20px 0px;
    width: 100%;
}

.piePaginado .piePaginadoIzquierda,.piePaginado .piePaginadoDerecha {
    width: 200px;
}

.piePaginado .centro {
    text-align: center;
}

.piePaginado .piePaginadoDerecha {
    text-align: right;
}

.piePaginado input {
    border:0;
    background: transparent;
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.piePaginado .transparente {}

.piePaginado .primera, .piePaginado .anterior, .piePaginado .ultima, .piePaginado .siguiente{
    font-size: 0em;
    color: #DA251D;
}

.piePaginado .primera {
    background: url("../img/cliente/disenho2011/paginado/paginado_primera.png") 50% 50% no-repeat;
}

.piePaginado .anterior {
    background: url("../img/cliente/disenho2011/paginado/paginado_anterior.png") 50% 50% no-repeat;
}
.piePaginado .ultima {
    background: url("../img/cliente/disenho2011/paginado/paginado_ultima.png") 50% 50% no-repeat;
}

.piePaginado .siguiente {
    background: url("../img/cliente/disenho2011/paginado/paginado_siguiente.png") 50% 50% no-repeat;
}

.construcontactEnlacePortal {
    text-align: right;
}

.capaBloqueFormularioGris .tablaEspaciada tr td {
    vertical-align: top;
    padding: 4px;
}

.capaBloqueFormularioGris .tablaEspaciada tr .titulo {
    vertical-align: top;
    padding: 4px;
    font-weight: bold;
    white-space: nowrap;
}

.cabeceraAgenda td {
    font-size: 14px;
    color: #CC3333;
    font-weight: bold;
}

.cabeceraAgenda img {
    position: relative;
    top: 3px;
    padding-left: 4px;
    padding-right: 4px;
}

.listaObrasParticulares li {
    list-style-image: url('../img/cliente/desenhoV5/flecha_verdadero_roja.png');
    padding-bottom: 10px;
    padding-left: 5px;
}

.obraVolverLlamar {
    margin-bottom: -6px;
    border: 1px dotted #C3C3C3; 
    background: #e6e6e6;
}

.obraVolverLlamar .titulo {
    color: #CC3333; 
    font-weight: bold;
}

.obraVolverLlamar .bordeIzquierda {
    border-left: 1px dotted #C3C3C3;
    padding-right: 10px;
}

.obraVolverLlamar tr td {
    vertical-align: middle;
    padding: 4px;
}


.globoDatos {
    display: none;
    position: absolute;
    margin-top: -18px;
    right: 0px;
    margin-right: 15px;
}

.globoDatos .globo {
    background: url('../img/cliente/globo.png');
    background-repeat: no-repeat;
    text-align: left;
    width: 175px;
    height: 100px;
    border: 0px;
    padding-top: 26px;
    padding-left: 8px;
}

.globoDatos .globo .botonCerrar {
    color: #CC3333;
    font-size: 80%;
    font-weight: bold;
    position:absolute;
    right:0px;
    margin-right: 15px;
    margin-top: -12px;
}

.obraUsuarioPasos {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}

.obraUsuarioPasos td {
    width: 25%;
    text-align: center;
    font-weight: bold;
}

.obraUsuarioPasos .pasoSeleccionado {
    color: #CC3333;
}

.obrasUsuarioFasesObra {
    border-collapse: separate;
    width: 100%;
    border: 1px solid #000;
    padding: 8px;
}

.obrasUsuarioFasesObra .bloqueIzquierda {
    text-align: center;
    vertical-align: middle;
    width: 200px;
}

.obrasUsuarioFasesObra td, .obrasUsuarioFasesObra th {
    border: 1px solid #000;
    padding: 8px;
    vertical-align: top;
}

.obraUsuarioAsistente {
    margin-bottom: 10px;
}

.obraUsuarioAsistente tr td {
    padding-top: 5px;
    padding-left: 3px;
}

.obraUsuarioAsistente tr th {
    padding-top: 5px;
    padding-left: 3px;
}


.obraUsuarioAsistente .informacionCampo {
    text-align: left;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 80%;
    color: #777777;
}

.errorCampo {
    color: red;
    font-weight: bold;
}

.campoObligatorio {
    color: #CC3333;
    font-size: 18px;
}

.contenidoFormularioRegistroUsuarioParticular {    
    margin: 4px;
}

.contenidoFormularioRegistroUsuarioParticular td, .contenidoFormularioRegistroUsuarioParticular th {
    text-align: left;
    padding: 5px;
}

.fondoBotonRojo {
    background: url('../img/cliente/fondoRegistroParticular.png') no-repeat;
    color: #CC3333;
    width: 280px;
    height: 40px;
    padding-top: 10px;
    cursor: pointer;
    font-weight: bold;
    font-size: 90%;
}

#listadoIdiomas{
    z-index: 99;
}

.fondoObraParticular {
    background-color: #FFCC99;
}

/* NOVO MENU */
#menuCabecera {
    position:relative; 
    margin-top: -64px;
}



#menu {
    position:absolute;
    height: 50px;    
    bottom: 0px; left: 0;
    background: #CCC;
    font-size: 0.9em;
}
#nav { 
    list-style:none;     
}
#nav li { 
    float:left; 
    background: url(../img/cliente/disenho2011/privado/pestanha_cen.png) 0 0 repeat-x;
    height: 50px;        
}
#nav li.inicio {
    background: url(../img/cliente/disenho2011/privado/pestanha_izq.png) 0 0 no-repeat;
    width: 18px;
}
#nav li.fin {
    background: url(../img/cliente/disenho2011/privado/pestanha_der.png) 0 0 no-repeat;
    width: 18px;
}

#nav li.medioActivo {  
    float:left; 
    background: url(../img/cliente/disenho2011/privado/pestanha_cen_act.png) 0 0 repeat-x;    

}
#nav li.inicioActivo {
    background: url(../img/cliente/disenho2011/privado/pestanha_izq_act.png) 0 0 no-repeat;
    width: 18px;
}
#nav li.finActivo {
    background: url(../img/cliente/disenho2011/privado/pestanha_der_act.png) 100% 0 no-repeat;
    width: 18px;
}

#nav li a { 
    display:block; 
    padding: 10px 0px 0px 0px;
    text-align: center;
    font-size: 0.9em;    
}
/* Submenu */
#nav ul.submenu, #nav div.submenu, #nav ul.subsubmenu { 
    background: #FFF url(../img/cliente/desenhoV5/cabecera_fila.gif) left bottom repeat-x;     
    position:absolute;   
    border-top: 1px solid #C3C3C3;
    border-left: 1px solid #C3C3C3;
    border-bottom: 3px solid #C3C3C3;
    border-right: 3px solid #C3C3C3;
    display: none;
    z-index: 99;
}
#nav ul.submenu, #nav div.submenu{
    top: 50px;    
}

/* Submenu */
#nav ul.subsubmenu { 
    width: 150px;
    right: -154px;
    top: 15px;
}


#nav ul.submenu {    
    list-style:none;    
}
#nav div.submenu { 
    padding: 10px;
    text-align: center;
}

#nav ul.submenu li { 
    position: relative;
    background: none;
    height: 30px;
    vertical-align: middle;
    padding-top: 3px;
    text-align: right;
    white-space: nowrap;
    text-align: left;
    float:none;
}
#nav ul.submenu li a { 
    padding: 10px;    
    text-align: left;    
}


#nav ul.submenu li#castellano a:hover, #nav ul.submenu li#english a:hover,
#nav ul.submenu li#francais a:hover,   #nav ul.submenu li#deutsch a:hover,
#nav ul.submenu li#italiano a:hover, #nav ul.submenu li#portugues a:hover{
    background: none;
}


#nav ul.submenu li#castellano a, #nav ul.submenu li#english a,
#nav ul.submenu li#francais a,   #nav ul.submenu li#deutsch a,
#nav ul.submenu li#italiano a, #nav ul.submenu li#portugues a{
    padding-right: 32px;
}

#nav ul.submenu li#castellano {
    background: url(../img/cliente/desenhoV5/idiomas/castellano.png) 100% 50% no-repeat;
}

#nav ul.submenu li#english {
    background: url(../img/cliente/desenhoV5/idiomas/english.png) 100% 50% no-repeat;
}

#nav ul.submenu li#francais {
    background: url(../img/cliente/desenhoV5/idiomas/francais.png) 100% 50% no-repeat;
}

#nav ul.submenu li#deutsch {
    background: url(../img/cliente/desenhoV5/idiomas/deutsch.png) 100% 50% no-repeat;
}

#nav ul.submenu li#italiano {
    background: url(../img/cliente/desenhoV5/idiomas/italiano.png) 100% 50% no-repeat;
}

#nav ul.submenu li#portugues {
    background: url(../img/cliente/desenhoV5/idiomas/portugues.png) 100% 50% no-repeat;
}



/*MENSAJES*/
.mensajeInfo, .mensajeExito, .mensajeAlerta, .mensajeError {
    font-size:13px;
    border: 1px solid;    
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    position:absolute;    
    top: 150px; height: 50px;
    left: 220px; right: 0;    
    overflow: auto;
    z-index: 1000;
}
.mensajeInfo {
    color: #00529B;
    background-color: #BDE5F8;
    background-image:url("../../img/cliente/disenho2011/mensajes/info.png");
}
.mensajeExito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url("../../img/cliente/disenho2011/mensajes/exito.png");
}
.mensajeAlerta {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url("../../img/cliente/disenho2011/mensajes/alerta.png");
}
.mensajeError {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url("../../img/cliente/disenho2011/mensajes/error.png");
}