/***************************************** ESTILOS CAPAS DE MAQUETACION DE LA PAGINA DE ACTIVAR USUARIO ********************************/

/*Estilo para la capa de titulo de Activar un usuario*/
.capaActivarUsuarioTitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de subtitulo de Activar un usuario*/
.capaActivarUsuarioSubtitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de acciones de Activar un usuario*/
.capaActivarUsuarioAcciones {
	width: 55%;
        margin: 0%;
        margin-bottom:1%;
        background-color: #CCCCCC;
}

/*Estilo para la capa de Foto de Activar un usuario*/
.capaActivarUsuarioFoto {
	position: static;
        height: 47%;
	width: 40%;
        margin:0%;
        float: right;
        overflow: hidden;  
}


/*Estilo para la capa de contenido de Activar un usuario*/
.capaActivarUsuarioContenido {
	width: 55%;
        margin:0%;
        margin-bottom: 1%;
}


/*Estilo para la capa de fecha de publicacion de Activar un usuario*/
.capaActivarUsuarioEstado{
        width: 55%;            
        margin-bottom: 1%;
        background-color:#CCCCCC;  
}

/*Estilo para la botonera general de Activar un usuario*/
.capaActivarUsuarioBotoneraGeneral {
	width: 10%;
        overflow:none;
}



/***************************************** ESTILOS CAPAS DE MAQUETACION DEL DETALLE DE UN USUARIO ********************************/

/*Estilo para la capa de titulo del detalle de Usuario*/
.capaDetalleUsuarioTitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de subtitulo del detalle de Usuario*/
.capaDetalleUsuarioSubtitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de acciones del detalle de Usuario*/
.capaDetalleUsuarioAcciones {
        width: 55%;
        margin: 0%;
        margin-bottom:1%;
        background-color: #CCCCCC;
}

/*Estilo para la capa de Foto del detalle de Usuario*/
.capaDetalleUsuarioFoto {
	position: static;
        height: 47%;
	width: 40%;
        margin:0%;
        float: right;
        overflow: hidden;    
}


/*Estilo para la capa de contenido del detalle de Usuario*/
.capaDetalleUsuarioContenido {
	width: 55%;
        margin:0%;
        margin-bottom: 1%;
}


/*Estilo para la capa de fecha de publicacion del detalle de Usuario*/
.capaDetalleUsuarioEstado{
	width: 55%;            
        margin-bottom: 1%;
        background-color:#CCCCCC;   
}

/*Estilo para la botonera general del detalle de Usuario*/
.capaDetalleUsuarioBotoneraGeneral {
	width: 10%;
        overflow:none;
}


/***************************************** ESTILOS CAPAS DE MAQUETACION DE LA PAGINA DE UN NUEVO USUARIO ********************************/

/*Estilo para la capa de titulo de un nuevo usuario*/
.capaNuevoUsuarioTitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de subtitulo de un nuevo usuario*/
.capaNuevoUsuarioSubtitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de acciones de un nuevo usuario*/
.capaNuevoUsuarioAcciones {
	width: 55%;
        margin: 0%;
        margin-bottom:1%;
        background-color: #CCCCCC;
}

/*Estilo para la capa de Foto de un nuevo usuario*/
.capaNuevoUsuarioFoto {
	position: static;
        height: 47%;
	width: 40%;
        margin:0%;
        float: right;
        overflow: hidden;        
}

/*Estilo para la capa de contenido de un nuevo usuario*/
.capaNuevoUsuarioContenido {
        width: 55%;
        margin:0%;
        margin-bottom: 1%;
}

/*Estilo para la capa de estado de un nuevo usuario*/
.capaNuevoUsuarioEstado{
        width: 55%;            
        margin-bottom: 1%;
        background-color:#CCCCCC;   
}

/*Estilo para la botonera general de un nuevo usuario*/
.capaNuevoUsuarioBotoneraGeneral {
	width: 10%;
        overflow:none;
}



/***************************************** ESTILOS CAPAS DE MAQUETACION DE LA PAGINA DE BORRAR USUARIO ********************************/

/*Estilo para la capa de titulo de Borrar un usuario*/
.capaBorrarUsuarioTitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de subtitulo de Borrar un usuario*/
.capaBorrarUsuarioSubtitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de acciones de Borrar un usuario*/
.capaBorrarUsuarioAcciones {
	width: 55%;
        margin: 0%;
        margin-bottom:1%;
        background-color: #CCCCCC;
}

/*Estilo para la capa de Foto de Borrar un usuario*/
.capaBorrarUsuarioFoto {
	position: static;
        height: 47%;
	width: 40%;
        margin:0%;
        float: right;
        overflow: hidden; 
}


/*Estilo para la capa de contenido de Borrar un usuario*/
.capaBorrarUsuarioContenido {
	width: 55%;
        margin:0%;
        margin-bottom: 1%;
}


/*Estilo para la capa de fecha de publicacion de Borrar un usuario*/
.capaBorrarUsuarioEstado{
        width: 55%;            
        margin-bottom: 1%;
        background-color:#CCCCCC; 
}

/*Estilo para la botonera general de Borrar un usuario*/
.capaBorrarUsuarioBotoneraGeneral {
	width: 10%;
        overflow:none;
}



/***************************************** ESTILOS CAPAS DE MAQUETACION DE LA PAGINA DE EDITAR USUARIO ********************************/

/*Estilo para la capa de titulo de Editar un usuario*/
.capaEditarUsuarioTitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de subtitulo de Editar un usuario*/
.capaEditarUsuarioSubtitulo {
        width: 90%;
        margin: 0%;
        margin-bottom:1%; 
}

/*Estilo para la capa de acciones de Editar un usuario*/
.capaEditarUsuarioAcciones {
        width: 55%;
        margin: 0%;
        margin-bottom:1%;
        background-color: #CCCCCC;
}

/*Estilo para la capa de Foto de Editar un usuario*/
.capaEditarUsuarioFoto {
	position: static;
        height: 47%;
	width: 40%;
        margin:0%;
        float: right;
        overflow: hidden; 
}


/*Estilo para la capa de contenido de Editar un usuario*/
.capaEditarUsuarioContenido {
	width: 55%;
        margin:0%;
        margin-bottom: 1%;
}


/*Estilo para la capa de fecha de publicacion de Editar un usuario*/
.capaEditarUsuarioEstado{
        width: 55%;            
        margin-bottom: 1%;
        background-color:#CCCCCC;   
}

/*Estilo para la botonera general de Editar un usuario*/
.capaEditarUsuarioBotoneraGeneral {
	width: 10%;
        overflow:none;
}



/***************************************** ESTILOS CAPAS DE MAQUETACION DE LA PAGINA DE EDITAR RUTA OFERTADA O DEMANDADA ********************************/

/*Estilo para la capa de titulo de Editar una ruta ofertada o  demandada*/
.capaEditarOfertaDemandaTitulo {
        width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de subtitulo de Editar una  ruta ofertada o  demandada*/
.capaEditarOfertaDemandaSubtitulo {
        width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de acciones de Editar una ruta ofertada o  demandada*/
.capaEditarOfertaDemandaAcciones {
	width: 55%;
        margin: 0%;
        margin-bottom:1%;
        background-color: #CCCCCC;
}

/*Estilo para la capa de Foto de Editar una  ruta ofertada o  demandada*/
.capaEditarOfertaDemandaFoto {
	position: static;
        height: 47%;
	width: 40%;
        margin:0%;
        float: right;
        overflow: hidden; 
}


/*Estilo para la capa de contenido de Editar una ruta ofertada o  demandada*/
.capaEditarOfertaDemandaContenido {
	width: 55%;
        margin:0%;
        margin-bottom: 1%;
}


/*Estilo para la capa de estado de Editar una ruta ofertada o  demandada*/
.capaEditarOfertaDemandaEstado{
	width: 55%;            
        margin-bottom: 1%;
        background-color:#CCCCCC; 
}

/*Estilo para la botonera general de Editar una ruta ofertada o  demandada*/
.capaEditarOfertaDemandaBotoneraGeneral {
        width: 10%;
        overflow:none;
}



/***************************************** ESTILOS CAPAS DE MAQUETACION DE LA PAGINA DE BORRAR RUTA OFERTADA O DEMANDADA ********************************/

/*Estilo para la capa de titulo de borrar una ruta ofertada o  demandada*/
.capaBorrarOfertaDemandaTitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de subtitulo de borrar una  ruta ofertada o  demandada*/
.capaBorrarOfertaDemandaSubtitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de acciones de borrar una ruta ofertada o  demandada*/
.capaBorrarOfertaDemandaAcciones {
	width: 55%;
        margin: 0%;
        margin-bottom:1%;
        background-color: #CCCCCC;
}

/*Estilo para la capa de Foto de borrar una  ruta ofertada o  demandada*/
.capaBorrarOfertaDemandaFoto {
        position: static;
        height: 47%;
	width: 40%;
        margin:0%;
        float: right;
        overflow: hidden; 
}


/*Estilo para la capa de contenido de borrar una ruta ofertada o  demandada*/
.capaBorrarOfertaDemandaContenido {
	width: 55%;
        margin:0%;
        margin-bottom: 1%;
}


/*Estilo para la capa de fecha de publicacion de borrar una ruta ofertada o  demandada*/
.capaBorrarOfertaDemandaEstado{
	width: 55%;            
        margin-bottom: 1%;
        background-color:#CCCCCC; 
}

/*Estilo para la botonera general de borrar una ruta ofertada o  demandada*/
.capaBorrarOfertaDemandaBotoneraGeneral {
        width: 10%;
        overflow:none;
}


/***************************************** ESTILOS CAPAS DE MAQUETACION DE LA PAGINA DE UNA NUEVA RUTA OFERTADA O DEMANDADA ********************************/

/*Estilo para la capa de titulo de una nueva ruta ofertada o  demandada*/
.capaNuevaOfertaDemandaTitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de subtitulo de una nueva  ruta ofertada o  demandada*/
.capaNuevaOfertaDemandaSubtitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de acciones de una nueva ruta ofertada o  demandada*/
.capaNuevaOfertaDemandaAcciones {
	width: 55%;
        margin: 0%;
        margin-bottom:1%;
        background-color: #CCCCCC;
}

/*Estilo para la capa de Foto de una nueva  ruta ofertada o  demandada*/
.capaNuevaOfertaDemandaFoto {
        position: static;
        height: 47%;
	width: 40%;
        margin:0%;
        float: right;
        overflow: hidden; 
}


/*Estilo para la capa de contenido de una nueva ruta ofertada o  demandada*/
.capaNuevaOfertaDemandaContenido {
	width: 55%;
        margin:0%;
        margin-bottom: 1%;
}


/*Estilo para la capa de  estado de una nueva ruta ofertada o  demandada*/
.capaNuevaOfertaDemandaEstado{
	width: 55%;            
        margin-bottom: 1%;
        background-color:#CCCCCC; 
}

/*Estilo para la botonera general de una nueva ruta ofertada o  demandada*/
.capaNuevaOfertaDemandaBotoneraGeneral {
        width: 10%;
        overflow:none;
}




/***************************************** ESTILOS CAPAS DE MAQUETACION DEL DETALLE DE UNA RUTA OFERTADA O DEMANDADA ********************************/

/*Estilo para la capa de titulo del detalle de una ruta ofertada o  demandada*/
.capaDetalleOfertaDemandaTitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de subtitulo del detalle de una ruta ofertada o  demandada*/
.capaDetalleOfertaDemandaSubtitulo {
	width: 90%;
        margin: 0%;
        margin-bottom:1%;
}

/*Estilo para la capa de acciones del detalle de una ruta ofertada o  demandada*/
.capaDetalleOfertaDemandaAcciones {
	width: 55%;
        margin: 0%;
        margin-bottom:1%;
        background-color: #CCCCCC;
}

/*Estilo para la capa de Foto del detalle de una ruta ofertada o  demandada*/
.capaDetalleOfertaDemandaFoto {
	position: static;
        height: 47%;
	width: 40%;
        margin:0%;
        float: right;
        overflow: hidden; 
}


/*Estilo para la capa de contenido del detalle de una ruta ofertada o  demandada*/
.capaDetalleOfertaDemandaContenido {
	width: 55%;
        margin:0%;
        margin-bottom: 1%;
}


/*Estilo para la capa de  estado del detalle de una ruta ofertada o  demandada*/
.capaDetalleOfertaDemandaEstado{
	width: 55%;            
        margin-bottom: 1%;
        background-color:#CCCCCC; 
}

/*Estilo para la botonera general del detalle de una ruta ofertada o  demandada*/
.capaDetalleOfertaDemandaBotoneraGeneral {
	width: 10%;
        overflow:none;
}



/***************************************** ESTILOS CAPAS PAGINA PRIVADA DE USUARIOS ********************************/
/*Estilo para la capa de contenido de la pagina privada del usuario*/
.capaPrivadoUsuario{
	position: absolute;
	height: 80%;
	width: 94%;
	left: 3%;
	top: 20%;
	overflow: auto;
        margin: 0%;
}

/*Estilo para la capa de titulo de enlaces y documentos*/
.capaPrivadoUsuarioDatosTitulo {
	position: absolute;
	visibility: visible;
	width: 65%;
	left: 0%;
        height: 4%;
	background-color: #0097EA;
        text-align:left;
        margin: 0%;
}


/*Estilo para la capa de datos de usuario*/
.capaPrivadoUsuarioDatos {
	position: absolute;
	visibility: visible;
	width: 65%;
	height: 25%;
	left: 0%;
	top: 5%;
        margin: 0%;
}

/*Estilo para la informacion de la capa de datos de usuario*/
.capaPrivadoUsuarioDatosDatos {
	position: absolute;
	visibility: visible;
	width: 100%;
	height: 95%;
	left: 0%;
	top: 0%;
        overflow:auto;
}
/*Estilo para la botonera de la capa de datos de usuario*/
.capaPrivadoUsuarioDatosBotonera {
	position: absolute;
	visibility: visible;
	width: 35%;
	height: 5%;
	left: 65%;
	top: 75%;
        overflow:none;
        text-align: right;
}


/*Estilo para la capa de titulo de enlaces y documentos*/
.capaPrivadoUsuarioEnlacesTitulo {
	position: absolute;
	visibility: visible;
	width: 32%;
        height: 4%;
	left: 68%;
	background-color: #0097EA;
        text-align:left;
        margin: 0%;
}


/*Estilo para la capa de enlaces y documentos de un usuario*/
.capaPrivadoUsuarioEnlaces {
	position: absolute;
	visibility: visible;
	width: 32%;
	height: 24%;
	left: 68%;
	top: 5%;
        margin: 0%;
        overflow: auto;
}


/*Estilo para la capa un enlace concreto*/
.capaPrivadoUsuarioEnlacesLink {
	position: static;
	visibility: visible;
        width: 90%;
	height: 30%;
        float: left;      
        overflow: none;
}



/*Estilo para la capa de titulo de ofertas*/
.capaPrivadoUsuarioOfertasTitulo {
	position: absolute;
	visibility: visible;
	width: 100%;
	left: 0%;
	top: 33%;
        height: 4%;
	background-color: #0097EA;
        text-align:left;
        margin: 0%;
}


/*Estilo para la capa de rutas ofertadas*/
.capaPrivadoUsuarioOfertas {
	position: absolute;
	visibility: visible;
	width: 100%;
	height: 20%;
	left: 0%;
	top: 38%;
        overflow: none;
        margin: 0%;
}

/*Estilo para la informacion de la capa de rutas ofertadas por un usuario*/
.capaPrivadoUsuarioOfertasDatos {
	position: absolute;
	visibility: visible;
	width: 100%;
	height: 95%;
	left: 0%;
	top: 0%;
        overflow:auto;
}

/*Estilo para la botonera de la capa de rutas ofertadas por un usuario*/
.capaPrivadoUsuarioOfertasBotonera {
	position: absolute;
	visibility: visible;
	width: 35%;
	height: 5%;
	left: 65%;
	top: 95%;
        overflow:none;
}


/*Estilo para la capa de cada oferta en la lista de rutas ofertadas*/
.capaPrivadoUsuarioOfertasBoton {
	position: static;
	visibility: visible;
	width: 92%;
	left: 0%;     
        overflow: hidden;
        margin: 0%;
        text-align: left;
        border: #616161; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
        background-color: #CCCCCC;
        float: left;
}

/*Estilo para la capa de titulo de demandas*/
.capaPrivadoUsuarioDemandasTitulo {
	position: absolute;
	visibility: visible;
	width: 100%;
	left: 0%;
	top: 66%;
        height: 4%;
	background-color: #0097EA;
        text-align:left;
        margin: 0%;
}


/*Estilo para la capa de rutas demandadas*/
.capaPrivadoUsuarioDemandas {
	position: absolute;
	visibility: visible;
	width: 100%;
	height: 20%;
	left: 0%;
	top: 71%;
        overflow: none;
        margin: 0%;
}

/*Estilo para la informacion de la capa de rutas demandadas por un usuario*/
.capaPrivadoUsuarioDemandasDatos {
	position: absolute;
	visibility: visible;
	width: 100%;
	height: 95%;
	left: 0%;
	top: 0%;
        overflow:auto;
}

/*Estilo para la botonera de la capa de rutas demandadas por un usuario*/
.capaPrivadoUsuarioDemandasBotonera {
	position: absolute;
	visibility: visible;
	width: 35%;
	height: 5%;
	left: 65%;
	top: 95%;
        overflow:none;
}

/*Estilo para la capa de cada oferta en la lista de rutas demandadas*/
.capaPrivadoUsuarioDemandasBoton {
	position: static;
	visibility: visible;
	width: 92%;
	left: 0%;     
        overflow: hidden;
        margin: 0%;
        text-align: left;
        border: #616161; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
        background-color: #CCCCCC;
        float: left;
}


/*Estilo para la botonera general la pagina privado usuario*/
.capaPrivadoUsuarioBotoneraGeneral {
	position: absolute;
	visibility: visible;
	width: 10%;
	height: 5%;
        left: 0%;
        top: 95%;
        overflow:none;
}


/***************************************** ESTILOS CAPAS PAGINA PRINCIPAL COMPARTE VEHICULO ********************************/
/*Estilo para la capa de contenido de la pagina principal del servicio*/
.capaComparteVehiculo{
	position: absolute;
	height: 80%;
	width: 94%;
	left: 3%;
	top: 20%;
	overflow: auto;
        margin: 0%;
}

/*Estilo para la capa de titulo de registro de usuario*/
.capaComparteVehiculoRegistroTitulo {
	position: absolute;
	visibility: visible;
	width: 33%;
	left: 0%;
	top: 0%;
	height: 4%;
        margin: 0%;
	background-color: #0097EA;
        text-align:left;
}

/*Estilo para la capa de registro de usuario*/
.capaComparteVehiculoRegistro {
	position: absolute;
	visibility: visible;
	width: 33%;
	height: 20%;
	left: 0%;
	top: 5%;
        margin: 0%;
        text-align:right;
}

/*Estilo para la capa botonera del registro de usuario*/
.capaComparteVehiculoRegistroMensaje {
	position: static;
	visibility: visible;
	width: 100%;
	height: 20%;
	left: 0%;
        text-align:right;
}

/*Estilo para la capa botonera del registro de usuario*/
.capaComparteVehiculoRegistroBotonera {
	position: static;
	visibility: visible;
	width: 100%;
	height: 75%;
	left: 0%;
        margin: 0%;
        text-align:right;
}

/*Estilo para la capa de enlaces y documentos*/
.capaComparteVehiculoEnlacesTitulo {
	position: absolute;
	visibility: visible;
	width: 59%;
	left: 36%;
        height: 4%;
	background-color: #0097EA;
        text-align:left;
}

/*Estilo para la capa de enlaces y documentos*/
.capaComparteVehiculoEnlaces {
	position: absolute;
	visibility: visible;
	width: 59%;
	height: 20%;
	left: 36%;
	top: 5%;
        overflow: auto;
}

/*Estilo para la capa un enlace concreto*/
.capaComparteVehiculoEnlacesLink {
	position: static;
	visibility: visible;
	height: 30%;
        float: left;
        margin-right: 0.5em;
        margin-bottom: 0.5em;
}


/*Estilo para la capa de titulo de ofertas*/
.capaComparteVehiculoOfertasTitulo {
	position: absolute;
	visibility: visible;
	width: 95%;
	left: 0%;
	top: 26%;
        height: 4%;
	background-color: #0097EA;
        text-align:left;
}


/*Estilo para la capa de rutas ofertadas*/
.capaComparteVehiculoOfertas {
	position: absolute;
	visibility: visible;
	width: 95%;
	height: 27%;
	left: 0%;
	top: 31%;
        overflow: auto;
}


/*Estilo para la capa de cada oferta en la lista de rutas ofertadas*/
.capaComparteVehiculoOfertasBoton {
	position: static;
	visibility: visible;
	width: 96%;
	left: 0%;     
        overflow: hidden;
        margin: 0%;
        text-align: left;
        border: #616161; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
        background-color: #CCCCCC;
        float: left;
}


/*Estilo para la capa de titulo de ofertas*/
.capaComparteVehiculoDemandasTitulo {
	position: absolute;
	visibility: visible;
	width: 95%;
	left: 0%;
	top: 61%;
        height: 4%;
	background-color: #0097EA;
        text-align:left;
}


/*Estilo para la capa de rutas demandadas*/
.capaComparteVehiculoDemandas {
	position: absolute;
	visibility: visible;
	width: 95%;
	height: 27%;
	left: 0%;
	top: 66%;
        overflow: auto;
}


/*Estilo para la capa de cada demanda en la lista de rutas demandadas*/
.capaComparteVehiculoDemandasBoton {
	position: static;
	visibility: visible;
	width: 96%;
	left: 0%;     
        overflow: hidden;
        margin: 0%;
        text-align: left;
        border: #616161; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
        background-color: #CCCCCC;
        float: left;
}


/*Estilo para la botonera general la pagina comparte vehiculo*/
.capaComparteVehiculoBotoneraGeneral {
	position: absolute;
	visibility: visible;
	width: 10%;
        height: 5%;
        left: 0%;
        top: 95%;
        overflow:none;
}